medisoft customizations

This commit is contained in:
Norm Rasmussen
2022-05-25 22:12:56 -04:00
parent 8ac64aeecd
commit 9ea7bad737
35 changed files with 464 additions and 36 deletions

Binary file not shown.

View File

@ -0,0 +1,34 @@
<div class="np-card">
<div class="np-card-container">
{% if course.ribbon %}
<div class="np-card-ribbon">
{{ course.ribbon }}
</div>
{% endif %}
<img
class="np-card-image"
alt="{{ course.name }}"
src="{{ course.image_url }}"
>
<div class="np-card-content np-card-content-vertical np-card-padding">
<h3 class="np-card-content-title">
{{ course.name }}
</h3>
<div class="np-card-content-subtitle">
{{ course.instructor_names }}
</div>
<div class="np-card-content-footer">
<div class="np-card-content-progress np-button-color">
{% t shared.progress, count: course.progress %}
</div>
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
{% if course.has_to_restart? %}
{% include "course_version_outdated_popup", path: course_path %}
{% endif %}
<a class="np-button np-button-wide" href="{{ course_path }}">
{% t shared.view %}
</a>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,20 @@
{% if courses.enrolled.any? %}
<div class="row row-with-thumbnails">
{% for course in courses.enrolled %}
{% for category in course.categories %}
{% if category.name == 'User Guides' %}
<div class="{{ class }}">
{% include "cards_course" with course %}
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}

View File

@ -0,0 +1,11 @@
<nav class="np-sub-navigation">
<div class="np-sub-navigation-content">
{% include "sub_navigation_item", label: "Home", icon: "far fa-home-lg-alt", url: '/app' %}
{% include "sub_navigation_item", label: "Dashboard", icon: "far fa-user-circle", url: "/app/dashboard" %}
{% include "sub_navigation_item", label: "Catalog", icon: "far fa-graduation-cap", url: "/app/catalog" %}
{% include "sub_navigation_item", label: "Learning Paths", icon: "far fa-road", url: "/app/learning_paths" %}
{% include "sub_navigation_item", label: "Events", icon: "far fa-calendar-star", url: "/app/training_events" %}
{% include "sub_navigation_item", label: "User Guides", icon: "fa fa-book", url: "/app/user-guides" %}
</div>
</nav>

View File

@ -0,0 +1,15 @@
<div class="np-sub-navigation-content-item
{% if url contains current_page %}
np-sub-navigation-content-item-active
{% else %}
np-sub-navigation-content-item-inactive
{% endif %}
">
<a class="np-sub-navigation-content-item-link subnav-item" href="{{ url }}">
<i class="{{ icon }} np-button-color np-sub-navigation-content-item-icon" aria-hidden="true"></i>
<div class="oa-sub-navigation-content-item-label">
{{ label }}
</div>
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>

View File

@ -0,0 +1,23 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% include "sub_navigation", current_page: "/app/catalog" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
<div class="np-catalog-header-wrapper">
<div class="np-catalog-header">
<div class="np-resource-title">{{ catalog.headline }}</div>
<div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
</div>
{% capture label %}{% t shared.filters.by_category %}{% endcapture %}
{% if courses.in_catalog.any? %}
{%
include "filter_dropdown",
filters: courses.filters,
key: "category_uuid",
label: label
%}
{% endif %}
</div>
{% include "courses_catalog" %}
</main>
{% include "footer" %}

View File

@ -0,0 +1,28 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation", current_page: "/app/dashboard" %}
<main class="np-main np-dashboard np-subpage-container np-max-width">
<div class="row np-flex-center">
<div class="col-xs-12 col-sm-8">
{% if features.learning_paths? %}
<div class="np-dashboard-resources-title">
{% t shared.learning_paths %}
</div>
{% include "learning_paths_index", items: learning_paths.enrolled %}
{% endif %}
<div class="np-dashboard-resources-title">
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
</div>
{% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
</div>
{% if features.training_events? %}
<div class="np-grid-spacing col-xs-12 col-sm-4">
<div class="np-dashboard-resources-title">
{% t .upcoming_events %}
</div>
{% include "training_events_dashboard" %}
</div>
{% endif %}
</div>
</main>
{% include "footer" %}

View File

@ -0,0 +1,52 @@
{% include "header" current_page_orgin: "false" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
<main class="np-main np-homepage">
<div class="np-homepage-hero">
<img class="np-homepage-hero-image"
src="{{ homepage.artwork_url }}"
alt="{{ homepage.headline }}"
/>
<div class="np-homepage-hero-content">
<div class="np-homepage-headline np-header-font-color">
{{ homepage.headline }}
</div>
<div class="np-homepage-subheadline np-header-font-color">
{{ homepage.subheadline }}
</div>
<a class="np-homepage-hero-cta np-button" href="{% route catalog %}">
{% t .discover %}
</a>
</div>
</div>
{% include "sub_navigation", current_page: "/app" %}
<div class="np-homepage-featured np-max-width">
<div class="np-homepage-featured-text">
<div class="np-homepage-headline">
{{ homepage.featured_courses_headline }}
</div>
<div class="np-homepage-subheadline">
{{ homepage.featured_courses_subheadline }}
</div>
</div>
{% if courses.featured.any? %}
<div class="np-homepage-featured-courses row">
{% for course in courses.featured %}
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endfor %}
</div>
{% else %}
<div class="np-homepage-featured-empty">
<div class="np-zero-state-text">
{% t .empty, key: current_school.course_vocabulary %}
</div>
<img
class="np-zero-state-courses"
alt="{% t .empty, key: current_school.course_vocabulary %}"
/>
</div>
{% endif %}
</div>
</main>
{% include "footer" %}

View File

@ -0,0 +1,14 @@
{% include "header" %}
{% include "sub_navigation", current_page: "/app/learning_paths" %}
<main class="np-main np-learning-paths np-subpage-container np-max-width">
<div class="np-learning-paths-main">
<div class="np-resource-title">
{% t shared.learning_paths %}
</div>
<div class="np-resource-subtitle">
{% t .subtitle %}
</div>
{% include "learning_paths_index", items: learning_paths.available %}
</div>
</main>
{% include "footer" %}

View File

@ -0,0 +1,19 @@
{% include "header" %}
{% include "sub_navigation", current_page: "/app/training_events" %}
<main class="np-main np-training-events np-subpage-container np-max-width">
<div class="row">
<div class="col-xs-12 col-sm-10">
<div class="np-resource-title">
{% t .title %}
</div>
<div class="np-resource-subtitle">
{% t .subtitle %}
</div>
</div>
<div class="col-xs-12 col-sm-2">
{% include "training_events_filter" %}
</div>
</div>
{% include "training_events_index" %}
</main>
{% include "footer" %}

View File

@ -0,0 +1,12 @@
{% include "header" %}
{% include "sub_navigation", current_page: "/app/user-guides" %}
<main class="np-main np-dashboard np-subpage-container np-max-width">
<div class="row np-flex-center">
<div class="np-resource-title">
User Guides & Resources
</div>
{% include "guides_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
</div>
</div>
</main>
{% include "footer" %}

BIN
NP_Custom_Templates/templates/.DS_Store vendored Normal file

Binary file not shown.

View File

@ -46,22 +46,35 @@
value="{{ form.display_name }}"
/>
</div>
<div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_password">
{% t shared.password %} *
</label>
<input
class="np-input"
id="{{version}}_learner_password"
name="learner[password]"
type="password"
/>
</div>
{% unless form.options.invite? %}
<div class="np-form-field {% if form.errors contains 'current_password' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_current_password">
{% t .current_password %} *
</label>
<input
class="np-input"
id="{{version}}_learner_current_password"
name="learner[current_password]"
type="password"
/>
</div>
<div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_password">
{% t .new_password %} *
</label>
<input
class="np-input"
id="{{version}}_learner_password"
name="learner[password]"
type="password"
/>
</div>
<div class="np-form-field {% if form.errors contains 'password_confirmation' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_password_confirmation">
{% t .confirm_password %} *
{% t .confirm_new_password %} *
</label>
<input
class="np-input"
@ -73,7 +86,18 @@
{% endunless %}
{% if form.options.invite? %}
<div class="np-form-field terms-of-service{% if form.errors contains 'terms_of_service_accepted' %}np-account-form-field-error{% endif %}">
<div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
<label class="np-input-label" for="{{version}}_learner_password">
{% t shared.password %} *
</label>
<input
class="np-input"
id="{{version}}_learner_password"
name="learner[password]"
type="password"
/>
</div>
<div class="np-form-field terms-of-service {% if form.errors contains 'terms_of_service_accepted' %}np-account-form-field-error{% endif %}">
<input
id="{{version}}_learner_terms_of_service"
name="learner[terms_of_service_accepted]"

View File

@ -21,7 +21,11 @@
<div class="np-card-content-progress np-button-color">
{% t shared.progress, count: course.progress %}
</div>
<a class="np-button np-button-wide" href="{% route course, id: course.id %}">
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
{% if course.has_to_restart? %}
{% include "course_version_outdated_popup", path: course_path %}
{% endif %}
<a class="np-button np-button-wide" href="{{ course_path }}">
{% t shared.view %}
</a>
</div>

View File

@ -8,15 +8,15 @@
/>
<div class="np-card-text-wrapper">
<div class="np-hidden-desktop np-card-header">
<i class="np-card-header-icon fal fa-road"></i>
<i class="np-card-header-icon far fa-road"></i>
<div class="np-card-header-type">{% t shared.learning_path.title %}</div>
<div class="np-hidden-desktop np-card-header-items-count">
Total Courses: {{ learning_path_course.items.count }}
{{ learning_path.items.count }} {% t .items %}
</div>
</div>
<div class="np-hidden-mobile np-card-header">
<div class="np-card-header-type">{% t shared.learning_path.title %}</div>
<i class="np-card-header-icon fal fa-road"></i>
<i class="np-card-header-icon far fa-road"></i>
</div>
<div class="np-card-content np-card-padding np-card-content-vertical">
@ -53,9 +53,9 @@
{% t shared.view %}
</a>
<span class="np-hidden-mobile np-learning-path-items">
<i class="np-button-color np-learning-path-items-icon fal fa-graduation-cap"></i>
<i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
<span class="np-learning-path-items-count">
Total Courses: {{ learning_path_course.items.count }}
{{ learning_path.items.count }} {% t .items %}
</span>
</span>
</div>

View File

@ -1,6 +1,6 @@
<div class="np-top-vocabulary np-text-title np-text-muted">
{{ current_school.course_vocabulary }}
<i class="fal fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
<i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
</i>
</div>
<div class="np-top-title">

View File

@ -1,6 +1,6 @@
<div class="np-course-outline">
<div class="np-text-title np-course-outline-title">
Content
{% t .header, key: current_school.course_vocabulary %}
</div>
<div class="np-course-outline-content">
<ol class="np-course-outline-content-section">

View File

@ -0,0 +1,7 @@
{% if courses.include_courses_to_restart? %}
<div role="alert" class="np-alert np-alert-global np-alert-info">
<div class="np-alert-container uk-container uk-container-center">
{% t .content %}
</div>
</div>
{% endif %}

View File

@ -0,0 +1,33 @@
<div class="np-course-version-outdated-popup np-popup">
<div class="np-popup-positioner">
<i
class="np-course-version-outdated-popup-trigger fas fa-exclamation-circle"
data-toggle-class-on-target="np-popup-tooltip--visible"
data-toggle-target-parent=".np-popup-tooltip"
data-toggle-outside
></i>
<div
class="np-popup-tooltip"
role="tooltip"
aria-hidden="true"
>
<header class="np-popup-header">
<i class="np-popup-header-icon fas fa-exclamation-circle"></i>
<h3 class="np-popup-header-title">
{% t .title %}
</h3>
</header>
<div class="np-popup-body">
<h4>{% t .body.header %}</h4>
<p>{% t .body.content %}</p>
<a
class="np-popup-body-button"
href="{{ path }}"
>
{% t .body.button %}
</a>
</div>
<div class="np-popup-tail"></div>
</div>
</div>
</div>

View File

@ -112,6 +112,7 @@
{% else %}
<a
class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
aria-label="{% t shared.sign_in %}"
href="{% route login %}"
>
{% t shared.sign_in %}

View File

@ -1,7 +1,7 @@
<div class="np-resource-header np-resource-header-card np-card-padding-large">
<div class="np-top-vocabulary np-text-title">
{% t shared.learning_path.title %}
<i class="fal fa-road np-button-color np-learning-path-icon"></i>
<i class="far fa-road np-button-color np-learning-path-icon"></i>
</div>
<div class="np-top-title">
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">

View File

@ -1,7 +1,7 @@
<div class="np-resource-header np-card-padding-large">
<div class="np-top-vocabulary np-text-title">
{% t shared.learning_path.title %}
<i class="fal fa-road np-button-color np-learning-path-icon"></i>
<i class="far fa-road np-button-color np-learning-path-icon"></i>
</div>
<div class="np-top-title">
{{ learning_path.name }}

View File

@ -12,7 +12,7 @@
{{ result.name }}
</a>
</div>
<div class="np-search-result-snippet">{{ result.description }}</div>
<div class="np-search-result-snippet">{{ result.sanitized_description }}</div>
</div>
</div>
</div>

View File

@ -0,0 +1,52 @@
<div class="dropdown dropdown-calendar">
<button
class="np-top-button np-button-font-color np-button np-button-big dropdown-calendar-button"
data-toggle-class="is-open"
data-toggle-escape
data-toggle-outside
data-toggle-target-next
type="button"
>
{% t .add_to_calendar %}
<i class="fas fa-chevron-down dropdown-calendar-button-chevron"></i>
</button>
<ul class="dropdown-calendar-menu">
<li class="dropdown-calendar-item">
<a
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
href="{{ training_session.google_calendar_url }}"
target="_blank"
>
{% t .google_calendar %}
</a>
</li>
<li class="dropdown-calendar-item">
<a
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
href="{{ training_session.outlook_calendar_url }}"
target="_blank"
>
{% t .outlook_calendar %}
</a>
</li>
<li class="dropdown-calendar-item">
<a
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
href="{{ training_session.outlook_office_calendar_url }}"
target="_blank"
>
{% t .office_calendar %}
</a>
</li>
<li class="dropdown-calendar-item">
<a
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
href="{{ training_session.ical_calendar_url }}"
target="_blank"
>
{% t .ical_calendar %}
</a>
</li>
</ul>
</div>

View File

@ -30,12 +30,7 @@
{% if training_session.internal? and training_session.approved? %}
{% if features.training_events_google_calendar? %}
<a
href="{{ training_session.google_calendar_url }}"
class="np-top-button np-button-font-color np-button np-button-big"
>
{% t .add_to_calendar %}
</a>
{% include "training_session_calendars" %}
<button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
{% t .unregister %}
</button>

View File

@ -2,7 +2,7 @@
{% include "training_session_header" %}
</div>
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="col-xs-12 col-sm-7">
<div class="np-card-container">
<div class="row">
<div class="col-xs-12 col-sm-5">
@ -19,7 +19,7 @@
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 np-grid-spacing">
<div class="col-xs-12 col-sm-5 np-grid-spacing">
<div class="np-training-session-sessions-title">
{% t shared.more_sessions %}
</div>

View File

@ -1,4 +1,4 @@
<div class="np-card-container">
<div class="np-card-container-training-session">
<div class="np-card-spacing-large">
{% include "training_session_header" %}
</div>

View File

@ -1,5 +1,5 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
<div class="np-catalog-header-wrapper">

View File

@ -1,4 +1,5 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
<main class="np-main np-courses np-subpage-container np-max-width">
<div class="np-resource-title">

View File

@ -1,4 +1,5 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
<main class="np-main np-dashboard np-subpage-container np-max-width">
<div class="row np-flex-center">

View File

@ -1,4 +1,5 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
<main class="np-main np-homepage">
<div class="np-homepage-hero">
<img class="np-homepage-hero-image"
@ -48,5 +49,4 @@
{% endif %}
</div>
</main>
{% include "group_styles" %}
{% include "footer" %}

View File

@ -0,0 +1,10 @@
<main class="np-main np-max-width np-subpage-container">
<div class="np-homepage-featured-text">
<div class="np-homepage-headline">
{% t .header %}
</div>
</div>
<div class="np-homepage-featured-empty">
<img src="/images/404.svg">
</div>
</main>

View File

@ -9,4 +9,3 @@
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/

View File

@ -0,0 +1,43 @@
{% include "header" %}
<main class="np-main np-cta-page np-max-width np-subpage-container">
<div class="np-card-container np-card-padding-xlarge">
{% if token %}
<i class="np-cta-page-icon fal fa-users-class"></i>
<div class="np-form-headline">
{{ training_session.title }}
</div>
<div class="np-form-subheadline">
{% t .info,
event_name: training_session.title,
session_date: training_session.date,
session_time: training_session.time
%}
</div>
<div class="np-form-subheadline">
{% t .question %}
</div>
<form action="{% route training_session_attendance %}" method="post" class="np-cta-page-buttons">
{% form_authenticity_token %}
<input type="hidden" name="token" value="{{ token }}">
<input type="submit" name="not_attended" value="{% t .not_attended %}" class="np-button np-button-secondary">
<input type="submit" name="commit" value="{% t .attended %}" class="np-button">
</form>
<div class="np-form-subheadline">
{% t .salutation %}
</div>
<div class="np-form-subheadline">
{{ current_school.name }}
</div>
{% else %}
<i class="np-cta-page-icon fal fa-check-circle"></i>
<div class="np-form-headline">
{% t .success.response_text %}
</div>
<div class="np-cta-page-buttons">
<a href="{% route training_events %}" class="np-button">
{% t .success.button_text %}
</a>
{% endif %}
</div>
</main>
{% include "footer" %}

View File

@ -0,0 +1,30 @@
{% include "header" %}
<main class="np-main np-cta-page np-max-width np-subpage-container">
<div class="np-card-container np-card-padding-xlarge">
{% if token %}
<i class="np-cta-page-icon fal fa-bell-slash"></i>
<div class="np-form-subheadline np-margin-top">
{% t .unsubscribe_text %}
</div>
<div class="np-form-subheadline np-margin-top">
{% t .resubscribe_text %}
</div>
<form
id="unsubscribe_form"
action="{% route email_unsubscribe, unsubscribe_token: token %}"
method="post"
class="np-cta-page-buttons"
>
{% form_authenticity_token %}
<input type="hidden" name="_method" value="delete">
<input type="submit" name="commit" value="{% t .resubscribe_button %}" class="np-button np-button-wide">
</form>
{% else %}
<i class="np-cta-page-icon fal fa-bell-on"></i>
<div class="np-form-subheadline np-margin-top">
{% t .resubscribed_text %}
</div>
{% endif %}
</div>
</main>
{% include "footer" %}