fix: better msg on web form save
This commit is contained in:
@@ -3,6 +3,7 @@
|
||||
{% block title %} {{ lesson.title }} - {{ course.title }} {% endblock %}
|
||||
|
||||
{% block head_include %}
|
||||
{% include "public/icons/symbol-defs.svg" %}
|
||||
<link rel="stylesheet" href="/assets/frappe/css/hljs-night-owl.css">
|
||||
|
||||
{% for ext in page_extensions %}
|
||||
@@ -11,11 +12,10 @@
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block content %}
|
||||
<div class="common-page-style">
|
||||
<div class="container course-details-page">
|
||||
{{ widgets.BreadCrumb(course=course, lesson=lesson) }}
|
||||
{{ BreadCrumb(course, lesson) }}
|
||||
<div class="course-content-parent">
|
||||
<div class="course-details-outline">
|
||||
{{ widgets.CourseOutline(course=course, membership=membership) }}
|
||||
@@ -32,6 +32,16 @@
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% macro BreadCrumb(course, lesson) %}
|
||||
<div class="breadcrumb">
|
||||
<a class="dark-links" href="/courses">{{ _("All Courses") }}</a>
|
||||
<img class="ml-1 mr-1" src="/assets/school/icons/chevron-right.svg">
|
||||
<a class="dark-links" href="/courses">{{ course.title }}</a>
|
||||
<img class="ml-1 mr-1" src="/assets/school/icons/chevron-right.svg">
|
||||
<span class="breadcrumb-destination">{{ lesson.title }}</span>
|
||||
</div>
|
||||
{% endmacro %}
|
||||
|
||||
{% macro LessonContent(lesson) %}
|
||||
{% set instructors = get_instructors(course.name) %}
|
||||
{% set is_instructor = is_instructor(course.name) %}
|
||||
@@ -60,8 +70,8 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<a class="button-links ml-2" href="{{ get_profile_url(instructors[0].username) }}">
|
||||
<span class="course-creator-name">
|
||||
<a class="button-links ml-1" href="{{ get_profile_url(instructors[0].username) }}">
|
||||
<span class="course-meta">
|
||||
{% if ins_len == 1 %}
|
||||
{{ instructors[0].full_name }}
|
||||
{% else %}
|
||||
@@ -70,7 +80,7 @@
|
||||
{% endif %}
|
||||
</span>
|
||||
</a>
|
||||
<div class="ml-3 course-meta"> {{ frappe.utils.format_date(lesson.creation, "medium") }} </div>
|
||||
<div class="ml-5 course-meta"> {{ frappe.utils.format_date(lesson.creation, "medium") }} </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -3,19 +3,22 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block head_include %}
|
||||
{% include "public/icons/symbol-defs.svg" %}
|
||||
<link rel="stylesheet" href="/assets/frappe/css/font-awesome.css">
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="common-page-style pt-0">
|
||||
<div class="common-page-style pt-0 pb-0">
|
||||
<div class="course-home-top-container">
|
||||
{{ CourseHomeHeader(course) }}
|
||||
{{ CourseHeaderOverlay(course) }}
|
||||
<div class="container course-home-page">
|
||||
<div class="course-body-container">
|
||||
{{ Description(course) }}
|
||||
{{ widgets.CourseOutline(course=course, membership=membership) }}
|
||||
{{ widgets.Reviews(course=course, membership=membership) }}
|
||||
<div class="course-home-page">
|
||||
<div class="container">
|
||||
<div class="course-body-container">
|
||||
{{ CourseHeaderOverlay(course) }}
|
||||
{{ Description(course) }}
|
||||
{{ widgets.CourseOutline(course=course, membership=membership) }}
|
||||
{{ widgets.Reviews(course=course, membership=membership) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -25,39 +28,43 @@
|
||||
|
||||
{% macro CourseHomeHeader(course) %}
|
||||
<div class="course-head-container"
|
||||
style=" {% if course.image %} background-position: center; background-size: cover; background-image: url({{ course.image }});
|
||||
style=" {% if course.image %}
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-image: url({{ course.image }});
|
||||
{% else %} background-color: var(--gray-200) {% endif %}">
|
||||
<div class="container pt-10 pb-10">
|
||||
<div class="container pt-5 pb-5">
|
||||
{% if is_instructor(course.name) %}
|
||||
<a class="button is-default button-links pull-right" href="/lesson">
|
||||
<svg class="icon icon-sm mr-1"><use href="#icon-add"></use></svg>
|
||||
{{ _("Add Lesson") }}
|
||||
</a>
|
||||
<a class="button is-default button-links pull-right mr-2" href="/chapter">
|
||||
<svg class="icon icon-sm mr-1"><use href="#icon-add"></use></svg>
|
||||
{{ _("Add Chapter") }}
|
||||
</a>
|
||||
<a class="button is-default button-links pull-right mr-2" href="/course?name={{ course.name }}"> {{ _("Edit") }} </a>
|
||||
<a class="button is-default button-links pull-right" href="/lesson">
|
||||
<svg class="icon icon-sm mr-1"><use href="#icon-add"></use></svg>
|
||||
{{ _("Add Lesson") }}
|
||||
</a>
|
||||
<a class="button is-default button-links pull-right mr-2" href="/chapter">
|
||||
<svg class="icon icon-sm mr-1"><use href="#icon-add"></use></svg>
|
||||
{{ _("Add Chapter") }}
|
||||
</a>
|
||||
<a class="button is-default button-links pull-right mr-2" href="/course?name={{ course.name }}"> {{ _("Edit") }} </a>
|
||||
{% endif %}
|
||||
{{ BreadCrumb(course) }}
|
||||
{{ CourseCardWide(course) }}
|
||||
<div class="course-card-wide" style="">
|
||||
{{ BreadCrumb(course) }}
|
||||
{{ CourseCardWide(course) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endmacro %}
|
||||
<!-- BreadCrumb -->
|
||||
|
||||
{% macro BreadCrumb(course) %}
|
||||
<div class="breadcrumb">
|
||||
<a class="dark-links" href="/courses">{{ _("All Courses") }}</a>
|
||||
<img class="ml-2 mr-2" src="/assets/school/icons/chevron-right.svg">
|
||||
<img class="ml-1 mr-1" src="/assets/school/icons/chevron-right.svg">
|
||||
<span class="breadcrumb-destination">{{ course.title }}</span>
|
||||
</div>
|
||||
{% endmacro %}
|
||||
<!-- Course Card -->
|
||||
|
||||
{% macro CourseCardWide(course) %}
|
||||
<div class="course-card-wide">
|
||||
<div class="">
|
||||
<div class="d-flex align-items-center">
|
||||
{% for tag in get_tags(course.name) %}
|
||||
<div class="course-card-pills">{{ tag }}</div>
|
||||
@@ -71,32 +78,22 @@
|
||||
</div>
|
||||
|
||||
<div class="course-intructor-rating-section">
|
||||
<div class="d-flex align-items-center">
|
||||
{% set instructors = get_instructors(course.name) %}
|
||||
{% set ins_len = instructors | length %}
|
||||
{% for instructor in instructors %}
|
||||
{% if ins_len > 1 and loop.index == 1 %}
|
||||
<div class="avatar-group overlap">
|
||||
{% endif %}
|
||||
{{ widgets.Avatar(member=instructor, avatar_class="avatar-small") }}
|
||||
|
||||
{% if ins_len > 1 and loop.index == ins_len %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<a class="button-links" href="{{ get_profile_url(instructors[0].username) }}">
|
||||
<span class="course-instructor">
|
||||
{% if ins_len == 1 %}
|
||||
{{ instructors[0].full_name }}
|
||||
{% else %}
|
||||
{% set suffix = "other" if ins_len - 1 == 1 else "others" %}
|
||||
{{ instructors[0].full_name.split(" ")[0] }} and {{ ins_len - 1 }} {{ suffix }}
|
||||
{% endif %}
|
||||
</span>
|
||||
</a>
|
||||
<div class="vertically-center">
|
||||
<svg class="icon icon-md">
|
||||
<use class="" href="#icon-users">
|
||||
</svg>
|
||||
{{ get_students(course.name) | length }} {{ _("Enrolled") }}
|
||||
</div>
|
||||
|
||||
<span class="seperator"></span>
|
||||
{% if get_lessons(course.name) | length %}
|
||||
<div class="vertically-center">
|
||||
<svg class="icon icon-md">
|
||||
<use href="#icon-education"></use>
|
||||
</svg>
|
||||
{{ get_lessons(course.name) | length }} {{ _("Lessons") }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% set avg_rating = get_average_rating(course.name) %}
|
||||
{% if avg_rating %}
|
||||
@@ -106,22 +103,33 @@
|
||||
<use href="#icon-star"></use>
|
||||
</svg>
|
||||
{% endfor %}
|
||||
<span> {{ avg_rating }} {{ _(" Rating ") }} </span>
|
||||
</div>
|
||||
<span> {{ avg_rating }} {{ _(" Rating ") }} </span>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
{% if membership %}
|
||||
{% set progress = frappe.utils.cint(membership.progress) %}
|
||||
<div class="progress">
|
||||
<div class="progress" title="{{ progress }}% Completed">
|
||||
<div class="progress-bar" role="progressbar" aria-valuenow="{{ progress }}"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width:{{ progress }}%">
|
||||
<span class="sr-only"> {{ progress }} Complete</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="progress-percent">{{ progress }}% Completed</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="mt-3">
|
||||
<div class="bold-heading">Instructors:</div>
|
||||
{% for instructor in get_instructors(course.name) %}
|
||||
<div class="mt-1">
|
||||
{{ widgets.Avatar(member=instructor, avatar_class="avatar-small") }}
|
||||
<a class="button-links" href="{{ get_profile_url(instructor.username) }}">
|
||||
<span class="course-instructor"> {{ instructor.full_name }} </span>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endmacro%}
|
||||
@@ -146,34 +154,30 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if get_lessons(course.name) | length %}
|
||||
<div class="mt-3 mb-4">
|
||||
<img class="mr-3" src="/assets/school/icons/book.svg">
|
||||
{{ get_lessons(course.name) | length }} {{ _("Lessons") }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<div class="">
|
||||
<svg class="icon icon-md mr-1">
|
||||
<use class="" href="#icon-users">
|
||||
</svg>
|
||||
{{ get_students(course.name) | length }} {{ _("Enrolled") }}
|
||||
</div>
|
||||
|
||||
{% if get_students(course.name) | length %}
|
||||
{% set initial_members = get_initial_members(course.name) %}
|
||||
<div class="overlay-student-count">
|
||||
{% for member in initial_members %}
|
||||
{% if initial_members | length > 1 and loop.index == 1 %}
|
||||
<div class="avatar-group overlap">
|
||||
{% endif %}
|
||||
{{ widgets.Avatar(member=member, avatar_class="avatar-small") }}
|
||||
<span class="seperator"></span>
|
||||
|
||||
{% if initial_members | length > 1 and loop.index == initial_members | length %}
|
||||
{% if get_lessons(course.name) | length %}
|
||||
<div class="">
|
||||
<svg class="icon icon-md mr-1">
|
||||
<use href="#icon-education"></use>
|
||||
</svg>
|
||||
{{ get_lessons(course.name) | length }} {{ _("Lessons") }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="course-meta ml-2">{{ get_students(course.name) | length }} {{ _("Enrolled") }} </div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% set lesson_index = get_lesson_index(membership.current_lesson) if membership and
|
||||
membership.current_lesson
|
||||
else '1.1' %}
|
||||
|
||||
{% if show_start_learing_cta %}
|
||||
<div class="button wide-button is-primary join-batch" data-course="{{ course.name | urlencode }}">
|
||||
{{ _("Start Learning") }}
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
{% extends "templates/base.html" %}
|
||||
{% block title %}{{ _('Job Openings') }}{% endblock %}
|
||||
|
||||
{% block head_include %}
|
||||
{% include "public/icons/symbol-defs.svg" %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="common-page-style">
|
||||
|
||||
@@ -16,20 +20,25 @@
|
||||
<div class="common-card-style job-list-card">
|
||||
{% for job in jobs %}
|
||||
<div class="job-card">
|
||||
<div class="avatar avatar-medium" title="{{ job.company_name}}">
|
||||
<div class="avatar avatar-medium mr-3" title="{{ job.company_name}}">
|
||||
<span class="avatar-frame company-logo" style="background-image: url( {{ job.company_logo | urlencode }} );"></span>
|
||||
</div>
|
||||
<div class="job-card-info col-8">
|
||||
<div class="job-card-info">
|
||||
<div class="job-card-heading">{{ _(job.job_title) }}</div>
|
||||
<a class="dark-links company-name mt-1" href="{{ job.company_website }}">{{ job.company_name }}</a>
|
||||
<div class="vertically-center course-meta">
|
||||
<div class="mr-3">{{ job.company_name }}</div>
|
||||
<div class="vertically-center">
|
||||
<svg class="icon icon-sm">
|
||||
<use class="" href="#icon-location">
|
||||
</svg>
|
||||
{{ job.location }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="job-meta col">
|
||||
<img class="mr-2" src="/assets/school/icons/location.svg">
|
||||
<div>{{ job.location }}</div>
|
||||
</div>
|
||||
<div class="job-card-logo-section">
|
||||
<div class="job-type"> {{ job.type }} </div>
|
||||
<div class="job-meta">{{ frappe.utils.format_date(job.creation, "medium") }}</div>
|
||||
|
||||
<div class="job-card-logo-section course-meta">
|
||||
<div class="indicator-pill green ml-3"> {{ job.type }} </div>
|
||||
<div class="">{{ frappe.utils.format_date(job.creation, "medium") }}</div>
|
||||
</div>
|
||||
<a class="stretched-link" href="/jobs/{{ job.name }}"></a>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
{% extends "templates/base.html" %}
|
||||
{% block title %}{{ _(job.job_title) }}{% endblock %}
|
||||
|
||||
{% block head_include %}
|
||||
{% include "public/icons/symbol-defs.svg" %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="common-page-style">
|
||||
@@ -8,27 +12,30 @@
|
||||
{{ BreadCrumb(job) }}
|
||||
<div class="common-card-style job-detail-card">
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<div>
|
||||
<div class="avatar avatar-medium mb-6" title="{{ job.company_name}}">
|
||||
<div class="avatar-frame company-logo" style="background-image: url( {{ job.company_logo | urlencode }} );"></div>
|
||||
<div class="d-flex">
|
||||
<div class="avatar avatar-medium align-self-center" title="{{ job.company_name}}">
|
||||
<div class="avatar-frame company-logo" style="
|
||||
background-image: url( {{ job.company_logo | urlencode }} );"></div>
|
||||
</div>
|
||||
<div class="course-home-headings mb-2">{{ _(job.job_title) }}</div>
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<a class="dark-links company-name" href="{{ job.company_website }}">{{ job.company_name }}</a>
|
||||
<span></span>
|
||||
<div class="job-meta">
|
||||
<img class="mr-2" src="/assets/school/icons/location.svg">
|
||||
<div>{{ job.location }}</div>
|
||||
<div class="ml-5">
|
||||
<div class="vertically-center">
|
||||
<div class="course-home-headings mb-0">{{ _(job.job_title) }}</div>
|
||||
<div class="indicator-pill green ml-5"> {{ job.type }} </div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<a class="dark-links course-meta mr-5" href="{{ job.company_website }}">{{ job.company_name }}</a>
|
||||
<div class="vertically-center course-meta mr-5">
|
||||
<svg class="icon icon-sm">
|
||||
<use class="" href="#icon-location">
|
||||
</svg>
|
||||
<div>{{ job.location }}</div>
|
||||
</div>
|
||||
<div class="course-meta"> {{ frappe.utils.format_date(job.creation, "medium") }} </div>
|
||||
</div>
|
||||
<span></span>
|
||||
<div class="job-meta"> {{ frappe.utils.format_date(job.creation, "medium") }} </div>
|
||||
</div>
|
||||
<div class="job-type"> {{ job.type }} </div>
|
||||
</div>
|
||||
|
||||
{% set application_link = job.application_link if frappe.session.user != 'Guest' else '/login?redirect-to=/jobs/' + job.name %}
|
||||
<div class="d-flex align-items-start">
|
||||
<div class="d-flex align-items-start ml-auto">
|
||||
<a class="button is-primary mr-2"
|
||||
href="{{ application_link }}">{{ _("Apply") }}</a>
|
||||
<div class="button is-default mr-2" id="report" data-job="{{ job.name }}">{{ _("Report") }}</div>
|
||||
@@ -38,7 +45,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="job-description job-meta">{{ _(job.description) }}</div>
|
||||
<div class="course-meta mt-10">{{ _(job.description) }}</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -84,6 +91,6 @@
|
||||
<div class="breadcrumb">
|
||||
<a class="dark-links" href="/jobs">{{ _("Job Openings") }}</a>
|
||||
<img class="ml-1 mr-1" src="/assets/school/icons/chevron-right.svg">
|
||||
<span class="muted-text">{{ _(job.job_title) }}</span>
|
||||
<span class="breadcrumb-destination">{{ job.job_title }}</span>
|
||||
</div>
|
||||
{% endmacro %}
|
||||
|
||||
Reference in New Issue
Block a user