Compare commits

..

175 Commits

Author SHA1 Message Date
fa77a69132 thats it. last commit at gainsight. closing this repo soon. 2026-04-14 17:14:29 -04:00
fc1523a89c deleted two old js files 2026-04-03 16:14:04 -04:00
16e19dfa5b Sandbox change to demo for sandata/hhaexchange. 2026-04-02 14:45:46 -04:00
7b8ea2d1c4 WilliamsSonoma sub navigation changes. 2026-03-31 16:58:08 -04:00
3616ba9718 Backed up Supplier's templates. 2026-03-30 17:03:22 -04:00
a97f22bc0c WSGC subnav updates. Language selector and smartling integration for Instacart. 2026-03-24 16:30:23 -04:00
470f83aacd Anthology updated its template. 2026-03-17 16:57:00 -04:00
506a878c0e Templates for Williams Sonoma, Walmart Supplier and Instacart Partners 2026-03-11 14:55:58 -04:00
6b86d5bde9 Template demos and API script for testing. 2026-03-09 14:52:51 -04:00
83ebc042f7 Chubb script in the airport 2026-03-02 14:01:03 -05:00
46946c2016 Moved and Updated Instacart's language selector for their smartling testing. 2026-02-27 16:40:34 -05:00
f8dcd58b04 Template changes for Williams-Sonoma, Artera, and Instacart. 2026-02-26 18:40:09 -05:00
c07b4ba0d5 Walmart CSV for new Falcon headers. Chubb script. 2026-02-19 17:20:37 -05:00
2b5f3d6b83 Backed up Williams-Sonoma Google Script 2026-02-12 14:28:07 -05:00
47248b74ab Fixed Spark's category cards again. 2026-02-10 16:03:28 -05:00
fb6fed66ba Added category badge for spark 2026-02-09 17:03:22 -05:00
216fc08544 Chubb script 2026-02-03 14:19:46 -05:00
136bbead7e Updated tasks. 2026-02-02 14:32:50 -05:00
3f9932c078 Spark template updates for Derek. 2026-01-29 17:04:25 -05:00
7ec7c9778f Walmart Supplier extract groups 2026-01-27 21:20:29 -05:00
6b09a5aab0 Doordash 2 templates. 2026-01-23 17:08:45 -05:00
3f47527eca Downloaded Instacart's templates and deleted folders from churned customers. 2026-01-22 14:59:11 -05:00
e1c0aa6409 Walmart and Chubb 2026-01-20 16:35:03 -05:00
bc2637efca Mizuno 2026-01-16 15:55:36 -05:00
17779386aa Accidentally ran an npm in this dir and now i don't know how to get it out of any git. Its already all deleted! Anyway, ran some scripts for Walmart. 2026-01-13 16:35:37 -05:00
2d6deba89b Cleaned up a bunch of scripts. 2026-01-07 16:39:06 -05:00
4038a861fb Backing up 2026-01-06 16:35:21 -05:00
1db311092b Back from PTO! Ran a Walmart script while away, so backing it all up. 2026-01-05 06:19:30 -05:00
28f9b40f26 Chubb script & Last Commit before the holidays. Cya in the new year? 2025-12-23 08:44:01 -05:00
acfba0ae87 organized notes and templates for walmart gpt. 2025-12-19 16:23:12 -05:00
7340726f9b DeepL templates and tasks for the same. 2025-12-17 16:55:47 -05:00
7741634b94 Fixed Suppliers style file and ran the Chubb script. 2025-12-11 17:38:36 -05:00
3187943aff Walmart Supplier MX templates backed up. 2025-12-10 16:11:34 -05:00
e9ea1556e8 Artera requested the new course content to be added more places. 2025-12-09 17:03:23 -05:00
e44a1a67d3 Organized anthology scripts and wrote a new one for their knowledgestate ppl. updated project files for scripts to better interact with neovim. 2025-12-08 17:32:31 -05:00
5413e0ffd9 Almost done with Nintex bulk attendance script 2025-12-05 16:56:12 -05:00
008ab8708f Lots of progress on Nintex's mark as attended script. 2025-12-04 16:54:04 -05:00
475b9a57d6 Beginning Nintex's bulk attendance script. 2025-12-03 16:48:54 -05:00
41630718e1 Chubb 2025-12-01 17:10:42 -05:00
468bbbf759 Tasks for Woodmac. 2025-11-19 16:56:49 -05:00
d97a7ab16c Notes for Woodmac 2025-11-14 14:42:55 -05:00
0288625409 Walmart Spark pull PDF and Chubb bulk upload. 2025-11-12 14:39:26 -05:00
34b53a72b2 Just editing a temp file for testing. 2025-11-05 15:05:48 -05:00
be9edeee64 Nintex templates download as I was investigating some issue with their search bar. In the header file, if you have multiple '<input' (like we would normally do for language switcher options) it negates the button being clickable at all. 2025-11-03 18:59:32 -05:00
5f9cff53fc Chubb 2025-10-29 17:00:47 -04:00
6b802300ec Ran Spark script for screenshots. 2025-10-24 14:54:00 -04:00
e74a528c04 Nintext Task. 2025-10-23 16:49:35 -04:00
75307a1f0d Testing Walmart APIs during AWS outage 2025-10-20 14:52:51 -04:00
7414b2e22e Small changes for Pipedrive and uploaded the Chubb CISA CSV. 2025-10-16 14:27:48 -04:00
464886fcd0 Working with tasks to make them more efficient. Tried the checkout.nvim plugin, but it changes a bit too much. 2025-10-09 15:32:42 -04:00
3485b6ffc5 Supplier migration script to move learners from US academy, Mexico Group into MX academy 2025-10-08 09:45:09 -04:00
6ac58515d0 Added Supplier's API keys for their MX transfer 2025-10-06 14:06:23 -04:00
1b49386967 Chubb 2025-10-01 14:33:44 -04:00
59d577b051 Tasks and Notes for Sandata's legal issue with a course being deleted. Downloaded spark pdf for them. 2025-09-29 14:42:17 -04:00
06553b93c3 Cleaned up and minmized Chubb's CISA script to share with the client so they can run it on their own 2025-09-26 14:49:46 -04:00
29d3db5c20 Chubb 2025-09-23 15:24:47 -04:00
d95ceefbea Trying to fix Walmart Supplier search results. 2025-09-19 14:45:11 -04:00
ab959bf7f3 Healthcheck script 2025-09-17 15:50:52 -04:00
c5c6222e7f Still working on DeepL 2025-09-12 15:28:42 -04:00
a5563a6b6d DeepL templates backup. 2025-09-11 13:58:44 -04:00
d0f5160bb1 Chubb script. 2025-09-10 15:37:19 -04:00
183b3e82f0 Walmart supplier, new templates. 2025-09-08 16:47:28 -04:00
cb7ba76a7d Walmart screenshot script and Chubb upload. 2025-09-02 16:20:40 -04:00
53c614d813 Almost done with Anthology script for learner properties. 2025-08-22 16:00:34 -04:00
6edb965eef Creating a script for Anthology to update all the names of their learner properties based on new subscription model. Downloaded and updated some templates for this same project. 2025-08-21 15:40:52 -04:00
b52e7cfac1 Made some changes to templates (oops). But mostly working on Spark help menu/context aware calls that aren't working as expected. 2025-08-20 15:17:29 -04:00
564362fc50 Backed up Howard Hanna's templates as they need some changes that the CSSC will implement. 2025-08-14 14:16:34 -04:00
9a7e7df3cf Chubb script. 2025-08-12 13:33:26 -04:00
72edc01fd4 Walmart Supplier asked for some small updates. 2025-08-06 16:07:34 -04:00
481b403aae Mizuno monthly! 2025-08-04 16:10:39 -04:00
bf5ca9bf82 Tasks were updated. 2025-08-01 14:45:32 -04:00
dac4ee2c8e Chubb 2025-07-31 16:50:04 -04:00
a0b767b798 Removed a bunch of old/churned client files and updated some older clients that I haven't touched in a while. Lots of summer cleaning! 2025-07-29 14:20:27 -04:00
83267e5f86 Trying to get Spark's helpMenu post request to work but I think I have the wrong shared secret and engineering is already off for the weekend. 2025-07-25 14:16:17 -04:00
ffd706dba7 Old calendar scrubber google script stopped working, so I re-wrote it to update it and have it better fit into how my schedule changes 2025-07-23 14:41:11 -04:00
0e039e4462 Walmart Scintilla new templates and removed their category buttons from homepage. 2025-07-22 14:15:20 -04:00
3c137548f9 Tasks were updated. 2025-07-21 14:57:46 -04:00
595c2fd418 Fixed Serach results within Walmart Supplier search. 2025-07-18 17:10:03 -04:00
0a9705f81b Backed up new Walmart Supplier templates. 2025-07-17 16:32:51 -04:00
8b741ea223 Chubb script and removed Pipedrive's old templates. 2025-07-15 14:12:28 -04:00
4a93905830 Tasks. 2025-07-14 17:46:05 -04:00
3f0bd96040 Instacart, while still in implementation, came to their AE (J.Jones) with some access issues. Some of these templates don't work yet (internal server errors) but backing them up just in case 2025-07-11 13:51:31 -04:00
75455bbf4e I think the final Pipedrive download. Walmart Supplier was updated as well. 2025-07-10 16:18:51 -04:00
41ca4834a2 Backed up most recent Pipedrive changes. Tasks. 2025-07-09 14:53:43 -04:00
a7d9930ed6 Hubert just completed a project for Pipedrive, so downloaded those templates. I kept the old ones as the Pipedrive team noticed some things were overwritten. So until they are fully in production and working correctly, I'm keeping two copies. Will update with the correct files once Hubert investigates. 2025-07-08 15:29:07 -04:00
1980bd456d Downloaded WoodMac Learn templates for the first time. Added some tasks for WML. Re-downloaded SPS to reference some code. SPS's app says all templates were last uploaded in April 18 2025. Last local changes (my hunch is downloaded) on my machine is May 13, 2025. 2025-07-07 09:42:08 -04:00
85ffb9a4f3 Workhumant tasks 2025-07-03 11:38:07 -04:00
23d799b75b Cin7 templates were all messed up. Fixed them. Downloaded and backed up Scintilla's new templates that Raj was working on for commerce. 2025-07-02 13:39:55 -04:00
69cfb846b4 Cin7 templates. Some wonkiness happening with their catalog filters. 2025-07-01 17:10:37 -04:00
eb35f8d073 Chubb Script and tasks for admin work. 2025-06-30 17:03:09 -04:00
8fe3503f72 Big update for Scintilla with eCommerce. Backed up all the work Raj did. 2025-06-27 10:30:31 -04:00
35d363af4e Supplier academy and small script organization. 2025-06-26 15:42:12 -04:00
ec552f2e1a Chubb script for CISA users. 2025-06-24 15:30:44 -04:00
60c4979cff Supplier hompage nav and Tasks. 2025-06-23 16:46:01 -04:00
1d75910181 Tasks and notes for Workhuman 2025-06-18 15:32:23 -04:00
e33ee9701a Supplier templates 2025-06-17 16:50:09 -04:00
3563ae04c8 Mizuno script... mid month? Not sure why. 2025-06-16 16:15:27 -04:00
e0e6c9f8ce Tasks. 2025-06-12 15:47:05 -04:00
d82db4e6ca HowardHanna header, DeepL languages, Tasks, Pipedrive templates, Chubb script. 2025-06-10 15:06:56 -04:00
f3631cf2d9 Tasks. 2025-06-09 16:50:45 -04:00
64db473d49 Added dynamic date to PGA script for mizuno. Tasks. 2025-06-06 14:07:37 -04:00
8f28915857 Tasks 2025-06-05 18:39:09 -04:00
d56c9609eb Antho script again. 2025-06-04 15:09:32 -04:00
61673efc36 Anthology script needs some reworking. 2025-06-03 14:29:23 -04:00
e2716f1c23 Backing up after Pulse. All I did was change the Anthology scripts for knowledgestate. 2025-06-02 10:24:14 -04:00
12467d0386 Testing some public auth changes in the sandbox. 2025-05-23 16:45:26 -04:00
48a024d9a4 tasks 2025-05-21 17:14:42 -04:00
a4a6de7473 Walmart supplier courses and categories script. bug with endpoint for groups not associated with a course. 2025-05-20 16:36:30 -04:00
4a3ad336a5 Anthology CSV parser updated. Courses & categories for Supplier 2025-05-19 14:26:29 -04:00
9f7fd92613 DeepL templates. Chubb script. 2025-05-15 21:54:57 -04:00
72715d9d49 SPS' V3 templates. Updated Harri's templates too to update the workato endpoints. 2025-05-13 16:55:51 -04:00
89c35d0506 Tasks x2. 2025-05-12 15:45:05 -04:00
4551b00c3a Tasks. 2025-05-09 15:35:06 -04:00
3751c079c1 DV Task 2025-05-08 15:48:04 -04:00
59707596c2 Scintilla templates for new launch. Trying to clean up Zenjob's workflow. 2025-05-07 16:38:56 -04:00
48d9a88181 Added the Basic group templates for Walmart Luminate-Scintilla. Mizuno Monthly. 2025-05-01 18:43:01 -04:00
72eb7ddc59 Ran Chubb's script and completed some tasks. 2025-04-30 15:33:21 -04:00
00d628a532 Some completed tasks. Script for large Walmart enrollment (which brought down the app... oops). 2025-04-29 15:47:51 -04:00
603e7baf6a SJ api calls folder. Added a script for DeepL. 2025-04-25 19:08:43 -04:00
c6d75b4284 Tasks added. 2025-04-24 15:11:17 -04:00
3d1fa03a51 Updated templates and tasks. 2025-04-23 16:18:17 -04:00
78e50050a4 Tasks and templates. 2025-04-22 16:01:16 -04:00
17f7d10b04 Walmart Supplier Sandbox templates. Updated prod templates too. 2025-04-21 17:17:41 -04:00
26fd2a9615 Chubb Scripts and Tasks 2025-04-16 14:05:07 -04:00
2de37ce3bc Tasks. 2025-04-15 14:10:04 -04:00
c101e71ead Testing out a tasks folder for a custom plugin 2025-04-10 14:56:40 -04:00
8b9198a631 Trying to get a markdown organizer plugin to work. 2025-04-09 17:03:29 -04:00
b1fb4bec84 Walmart Supplier Mexico templates backed up. 2025-04-08 17:56:33 -04:00
a035c58c95 Cleaned up some folders and small Walmart template changes. 2025-04-08 10:22:57 -04:00
e5e1bf3acd Mizuno monthly 2025-04-02 16:43:28 -04:00
806fb1f4bc Small script changes. 2025-04-01 16:44:16 -04:00
6db49a2ea9 Chubb scripts 2025-03-31 15:17:27 -04:00
1b05010c77 Daily commit. 2025-03-27 17:10:27 -04:00
3257ab72cc Chubb CISA script was run. 2025-03-25 16:51:02 -04:00
c17661458a Doordash back up. Anthology academy small changes. 2025-03-24 17:02:18 -04:00
7640e4cca9 Anthology back up 2025-03-18 22:59:56 -04:00
d182cda6dc Chubb changes for their access agents push. 2025-03-17 15:12:10 -04:00
2b9d60f432 Was brought on to fully help Arbor Education's risk and so downloaded/backed up templates and started some of that work. 2025-03-14 14:41:33 -04:00
5170459186 Supplier script for group and course associations. 2025-03-13 14:15:03 -04:00
4addc47565 Chubb sandbox backup. Still working on Supplier grouping script. Completed the Buildertrend templates work. 2025-03-12 16:42:52 -04:00
388e111e9b New script for Walmart supplier to make group associations based on a CSV. 2025-03-11 16:35:39 -04:00
e0f4b9ea69 Backed up BuilderTrend's templates. 2025-03-06 19:27:45 -05:00
aaa07abe26 Some template changes. Nothing in particular. 2025-03-05 17:15:51 -05:00
0242384887 All that Walmart work and they can't even launch tomorrow.... finished up the work for the Basic/3P user groups. Was then told these learners need to be able to buy courses, which isn't possible with their current configuration. Backing up the files to git anyway, just in case. 2025-03-04 16:30:56 -05:00
f7492809ac Upcoming Walmart deadline. Copied and backed up a bunch of templates. 2025-03-03 21:26:31 -05:00
73282a0dac Got groups and courses for Walmart Supplier. Updated the carousel and recommended for Chubb - haven't pushed to prod yet. 2025-02-28 17:13:02 -05:00
46efc9a422 Ran and updated the API extract script for Williams-Sonoma. 2025-02-27 15:31:23 -05:00
011f47d102 Templates for Chubb need updating. 2025-02-26 16:39:11 -05:00
a62a76f5d1 Custom Templates for DeepL backed up and EmailMonkey. GS University was also re-downloaded. Then small scripts updated like for Chubb. 2025-02-25 17:01:36 -05:00
74d46e88f4 Walmart CSV for Miro. Templates changes for my sandbox. 2025-02-24 13:35:42 -05:00
0ef4477030 Walmart CSV for Miro. Templates changes for my sandbox. 2025-02-24 13:34:05 -05:00
0232a39c25 Walmart Screenshot project needed to be in a new repo, so separated it out of here. It's components are still in this repo. 2025-02-14 14:26:12 -05:00
69d95b2df6 Walmart screenshot script is finalized for Azure functions 2025-02-14 14:21:01 -05:00
b683bb57f0 Zapier scripts for AIIM that need to go into Workato 2025-02-12 16:40:10 -05:00
ea5a6eafc3 Buildertrend templates backedup after their team made some changes. 2025-02-10 15:11:47 -05:00
89a6fd58ee Mizuno scripts. Finished Source & Supplier's removing enrollments from LP. 2025-02-07 16:09:44 -05:00
fb6e6d38db Removed assets folder that was wrongly inputted into Walmart's folder. 2025-02-05 16:21:04 -05:00
12e5a4afdb Luminate has fully rebranded as Scintilla and all templates have been updated. 2025-02-05 16:19:58 -05:00
e60cdf3a60 Luminate is re-branding to Scintilla on 2/5 - backed up all templates. 2025-02-03 15:00:24 -05:00
e79ac3589c Upgraded payload for create_course_attempts and tested it out with various enrollments. 2025-01-29 16:02:42 -05:00
ac9fb1f467 Completed the playwright walmart screenshots script. Uploaded another Chubb CSV. 2025-01-28 17:05:36 -05:00
224627888a Changed Luminates name to Scintilla (changing on 5th Feb). Downloaded the sandbox with all of Raj's changes. 2025-01-27 14:40:21 -05:00
719792893f temporary json file for workato 2025-01-22 16:51:03 -05:00
9a6b39a030 Clone courses script. 2025-01-21 16:32:05 -05:00
36f07e5935 Artera templates - custom font added. 2025-01-16 14:33:02 -05:00
d261439d18 Removed neovim log file. Unnecessary for work files. 2025-01-15 16:50:40 -05:00
d7eec30f89 Templates for Chubb's Certificate within an LP. 2025-01-15 16:50:20 -05:00
bcd5664f26 WilliamSonoma templates. Chubb CISA script. Cloning for Anthology Partners. 2025-01-14 22:33:32 -05:00
29b4ca7292 Working on using TaskWarrior. 2025-01-13 14:52:26 -05:00
fec8a1cf54 Testing out TaskWarrior. 2025-01-10 16:45:57 -05:00
2ccb682b2f Supplier templates. 2025-01-09 15:29:57 -05:00
41a5a5af2e Monthly Mizuno. 2025-01-07 16:29:04 -05:00
4930070ecb Scripts 2025-01-07 16:00:48 -05:00
5e91e71d53 Scripts. 2025-01-06 16:55:30 -05:00
07b67de65b Chubb script. 2025-01-03 15:18:35 -05:00
7698 changed files with 127735 additions and 668004 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
Scripts/node_modules/

Binary file not shown.

View File

@ -1,34 +0,0 @@
<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

@ -1,180 +0,0 @@
<header class="np-header np-header-color">
<div class="np-header-content">
<div class="np-hidden-desktop np-header-mobile-menu-nav">
{% if current_person.signed_in? %}
<button
data-toggle-class="np-hidden"
class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
data-toggle-target=".np-header-mobile-avatar-menu,
.np-header-mobile-menu-content, .np-main, .np-footer"
></button>
<button
data-test="open-mobile-menu"
data-toggle-class="np-hidden"
class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
>
<img
alt="{{ current_person.name }}"
class="np-header-avatar-image"
src="{{ current_person.avatar_url }}"
/>
</button>
{% endif %}
</div>
{% if current_school.logo_url %}
<h1 class="np-header-logo">
<a href="{% route home %}">
<img
alt="{{ current_school.name }}"
class="np-header-logo-image"
src="{{ current_school.logo_url }}"
/>
</a>
</h1>
{% else %}
<a href="{% route home %}" class="np-school-name np-header-font-color">
{{ current_school.name }}
</a>
{% endif %}
<div class="np-hidden-mobile np-header-desktop-nav">
<ul class="np-header-desktop-nav-list">
{% for website_navigation in navigations.header_navigations_external %}
<li class= "np-header-desktop-nav-item">
<a
href="{{ website_navigation.path }}"
class="np-header-desktop-nav-link np-header-font-color"
target="_blank"
>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% if current_person.signed_in? %}
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
<form action="{% route search %}" method="get" data-test="desktop-search">
<input
aria-label="{% t .search %}"
class="np-header-search-input np-header-font-background-color"
type="text"
name="q"
placeholder="{% t .search %}"
/>
<i class="np-header-search-icon far fa-search"></i>
</form>
</div>
<div class="np-hidden-mobile np-header-avatar">
<button
class="np-header-avatar-button"
data-test="open-desktop-menu"
data-toggle-class-on-target="np-hidden"
data-toggle-target=".np-header-avatar-tooltip"
data-toggle-outside
>
<img
alt="{{ current_person.name }}"
class="np-header-avatar-image"
src="{{ current_person.avatar_url }}"
>
</button>
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
<span class="np-header-avatar-tooltip-arrow-up"></span>
<div class="np-header-avatar-tooltip-learner">
<div class="np-header-avatar-tooltip-learner-name">
{{ current_person.name }}
</div>
<div class="np-header-avatar-tooltip-learner-email">
{{ current_person.email }}
</div>
</div>
<nav class="np-header-avatar-tooltip-navigation">
{% unless current_school.sso_active? %}
<a
class="np-header-avatar-tooltip-navigation-link"
href="{% route account %}"
>
{% t .profile_settings %}
</a>
{% endunless %}
<a
class="np-header-avatar-tooltip-navigation-link np-danger"
href="{% route logout %}"
>
{% t .sign_out %}
</a>
</nav>
</div>
</div>
{% 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 %}
</a>
{% endif %}
</div>
</header>
<div class="np-hidden-desktop">
<div class="np-header-mobile-menu-content np-hidden">
{% if current_person.signed_in? %}
<img
alt="{{ current_person.name }}"
class="np-header-mobile-menu-content-avatar"
src="{{ current_person.avatar_url }}"
/>
<div class="np-header-mobile-menu-content-name">
{{ current_person.name }}
</div>
{% endif %}
<div class="np-header-mobile-menu-content-nav">
<form
class="np-header-search"
data-test="mobile-search"
method="get"
action="{% route search %}"
>
<input
aria-label="{% t .search %}"
class="np-header-search-input"
type="text"
name="q"
placeholder="{% t .search %}"
/>
<i class="np-header-search-icon far fa-search"></i>
</form>
{% for website_navigation in navigations.header_navigations %}
<a
href="{{ website_navigation.path }}"
class="np-header-mobile-menu-content-button"
{% if website_navigation.external? %} target="_blank" {% endif %}
>
{{ website_navigation.name }}
</a>
{% endfor %}
<div class="np-header-mobile-menu-content-line"></div>
{% unless current_school.sso_active? %}
<a
class="np-header-mobile-menu-content-button"
href="{% route account %}"
>
{% t .profile_settings %}
</a>
{% endunless %}
<a
class="np-header-mobile-menu-content-button np-danger"
href="{% route logout %}"
>
{% t .sign_out %}
</a>
</div>
</div>
</div>
{% include "messages" %}

View File

@ -1,30 +0,0 @@
{% assign hidden_lps = 'f0444d09-3eae-4335-a8ec-419d818c01f9 9f4daafe-14e5-4771-9fb5-50752a9372fb 0f4f78e7-a0ab-4e92-b079-97736a8efc31 46108735-9ee0-4b25-a7d3-2dd72d17402f 4d4aac7c-7831-4b27-a029-2d83764f7b2f' %}
{% assign master_learning_path = false %}
{% if current_person.signed_in? %}
{% for group in current_person.groups %}
{% if group.id contains '33fb398a-df35-4f6d-b801-8bf4dc9d0937'%}
{% assign master_learning_path = true %}
{% endif %}
{% endfor %}
{% endif %}
<div class="np-learning-paths-resources">
{% if items.any? %}
{% for learning_path in items %}
{% if master_learning_path == false %}
{% include "cards_learning_path" with learning_path %}
{%else%}
{% unless hidden_lps contains learning_path.id%}
{% include "cards_learning_path" with learning_path %}
{% endunless %}
{% endif %}
{% endfor %}
{% else %}
<div class="np-learning-paths-resources-container">
<div class="np-zero-state-text">
{% t .empty %}
</div>
<img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
</div>
{% endif %}
</div>

View File

@ -1,49 +0,0 @@
<nav class="np-sub-navigation">
<div class="np-sub-navigation-content">
<div class="np-sub-navigation-content-item" id="Home">
<a class="np-sub-navigation-content-item-link" href="/app">
<i class="far fa-home-lg-alt np-button-color np-sub-navigation-content-item-icon"></i>
Home
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class="np-sub-navigation-content-item" id="Learning Paths">
<a class="np-sub-navigation-content-item-link" href="/app/learning_paths">
<i class="far fa-road np-button-color np-sub-navigation-content-item-icon"></i>
Learning Paths
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class="np-sub-navigation-content-item" id="Courses">
<a class="np-sub-navigation-content-item-link" href="/app/courses">
<i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
Courses
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
</div>
</nav>
<script>
document.addEventListener("DOMContentLoaded", function() {
var subNavItems = document.querySelectorAll('.np-sub-navigation-content-item');
subNavItems.forEach(function(item) {
var link = item.querySelector('.np-sub-navigation-content-item-link');
var href = link.getAttribute('href');
var currentUrl = window.location.pathname;
if (currentUrl === href) {
item.classList.add('np-sub-navigation-content-item-active');
item.classList.remove('np-sub-navigation-content-item-inactive');
} else {
item.classList.add('np-sub-navigation-content-item-inactive');
item.classList.remove('np-sub-navigation-content-item-active');
}
});
});
</script>

View File

@ -1,76 +0,0 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
{% assign master_learning_path = false %}
{% assign master_learning_path_finished = false %}
{% if current_person.signed_in? %}
{% for group in current_person.groups %}
{% if group.id contains '33fb398a-df35-4f6d-b801-8bf4dc9d0937'%}
{% assign master_learning_path = true %}
{% endif %}
{% endfor %}
{% endif %}
{% for learning_path in learning_paths.available %}
{% if learning_path.id == '4d4aac7c-7831-4b27-a029-2d83764f7b2f' and learning_path.progress == 100 %}
{% assign master_learning_path_finished = true %}
{% endif %}
{% endfor %}
<main class="np-main np-dashboard np-subpage-container np-max-width">
{% if master_learning_path %}
<div class="row np-flex-center">
<div class="section np-max-width col-xs-12 col-sm-8">
{% if master_learning_path_finished == false%}
<div class="np-resource-title">Take your required Learning Paths!</div>
{% for learning_path in learning_paths.available %}
{% if learning_path.id == 'f0444d09-3eae-4335-a8ec-419d818c01f9' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% elsif learning_path.id == '9f4daafe-14e5-4771-9fb5-50752a9372fb' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% elsif learning_path.id == '0f4f78e7-a0ab-4e92-b079-97736a8efc31' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% elsif learning_path.id == '46108735-9ee0-4b25-a7d3-2dd72d17402f' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% elsif learning_path.id == '4d4aac7c-7831-4b27-a029-2d83764f7b2f' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% endif %}
{% endfor %}
{% else %}
{%endif%}
</div>
</div>
{% endif %}
<div class="row np-flex-center">
<div class="col-xs-12 col-sm-8">
{% if features.learning_paths? %}
<div class="np-dashboard-resources-title">
Assigned {% t shared.learning_paths %}
</div>
{% include "learning_paths_index", items: learning_paths.enrolled %}
{% endif %}
<div class="np-dashboard-resources-title">
Assigned {% 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

@ -1,73 +0,0 @@
{% assign master_learning_path = false %}
{% if current_person.signed_in? %}
{% for group in current_person.groups %}
{% if group.id contains 'cebe3604-010f-4de2-b953-b8d0a1058188' or group.id contains 'b8ffe8fd-4210-40c3-8dfb-ce7ac3fc4027'%}
{% assign master_learning_path = true %}
<h1>hi</h1>
{% endif %}
{% endfor %}
{% endif %}
{% 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"
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" %}
{% if master_learning_path %}
{% for learning_path in learning_paths.available %}
{% if learning_path.id == 'a2511934-9696-4ed1-b7a0-d27d5e244c10' and learning_path.progress < 100 %}
<h1>true</h1>
{% include "cards_learning_path" with learning_path %}
{% endif %}
{% endfor %}
{% endif %}
<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

@ -1,11 +0,0 @@
/*
Put your custom overlay styles in here
You can use your northpass color palette in this file
{{ color_palette.button_font_color }}
{{ color_palette.button_color }}
{{ color_palette.button_hover_color }}
{{ color_palette.header_font_color }}
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/

View File

@ -1,34 +0,0 @@
<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

@ -1,180 +0,0 @@
<header class="np-header np-header-color">
<div class="np-header-content">
<div class="np-hidden-desktop np-header-mobile-menu-nav">
{% if current_person.signed_in? %}
<button
data-toggle-class="np-hidden"
class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
data-toggle-target=".np-header-mobile-avatar-menu,
.np-header-mobile-menu-content, .np-main, .np-footer"
></button>
<button
data-test="open-mobile-menu"
data-toggle-class="np-hidden"
class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
>
<img
alt="{{ current_person.name }}"
class="np-header-avatar-image"
src="{{ current_person.avatar_url }}"
/>
</button>
{% endif %}
</div>
{% if current_school.logo_url %}
<h1 class="np-header-logo">
<a href="{% route home %}">
<img
alt="{{ current_school.name }}"
class="np-header-logo-image"
src="{{ current_school.logo_url }}"
/>
</a>
</h1>
{% else %}
<a href="{% route home %}" class="np-school-name np-header-font-color">
{{ current_school.name }}
</a>
{% endif %}
<div class="np-hidden-mobile np-header-desktop-nav">
<ul class="np-header-desktop-nav-list">
{% for website_navigation in navigations.header_navigations_external %}
<li class= "np-header-desktop-nav-item">
<a
href="{{ website_navigation.path }}"
class="np-header-desktop-nav-link np-header-font-color"
target="_blank"
>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% if current_person.signed_in? %}
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
<form action="{% route search %}" method="get" data-test="desktop-search">
<input
aria-label="{% t .search %}"
class="np-header-search-input np-header-font-background-color"
type="text"
name="q"
placeholder="{% t .search %}"
/>
<i class="np-header-search-icon far fa-search"></i>
</form>
</div>
<div class="np-hidden-mobile np-header-avatar">
<button
class="np-header-avatar-button"
data-test="open-desktop-menu"
data-toggle-class-on-target="np-hidden"
data-toggle-target=".np-header-avatar-tooltip"
data-toggle-outside
>
<img
alt="{{ current_person.name }}"
class="np-header-avatar-image"
src="{{ current_person.avatar_url }}"
>
</button>
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
<span class="np-header-avatar-tooltip-arrow-up"></span>
<div class="np-header-avatar-tooltip-learner">
<div class="np-header-avatar-tooltip-learner-name">
{{ current_person.name }}
</div>
<div class="np-header-avatar-tooltip-learner-email">
{{ current_person.email }}
</div>
</div>
<nav class="np-header-avatar-tooltip-navigation">
{% unless current_school.sso_active? %}
<a
class="np-header-avatar-tooltip-navigation-link"
href="{% route account %}"
>
{% t .profile_settings %}
</a>
{% endunless %}
<a
class="np-header-avatar-tooltip-navigation-link np-danger"
href="{% route logout %}"
>
{% t .sign_out %}
</a>
</nav>
</div>
</div>
{% 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 %}
</a>
{% endif %}
</div>
</header>
<div class="np-hidden-desktop">
<div class="np-header-mobile-menu-content np-hidden">
{% if current_person.signed_in? %}
<img
alt="{{ current_person.name }}"
class="np-header-mobile-menu-content-avatar"
src="{{ current_person.avatar_url }}"
/>
<div class="np-header-mobile-menu-content-name">
{{ current_person.name }}
</div>
{% endif %}
<div class="np-header-mobile-menu-content-nav">
<form
class="np-header-search"
data-test="mobile-search"
method="get"
action="{% route search %}"
>
<input
aria-label="{% t .search %}"
class="np-header-search-input"
type="text"
name="q"
placeholder="{% t .search %}"
/>
<i class="np-header-search-icon far fa-search"></i>
</form>
{% for website_navigation in navigations.header_navigations %}
<a
href="{{ website_navigation.path }}"
class="np-header-mobile-menu-content-button"
{% if website_navigation.external? %} target="_blank" {% endif %}
>
{{ website_navigation.name }}
</a>
{% endfor %}
<div class="np-header-mobile-menu-content-line"></div>
{% unless current_school.sso_active? %}
<a
class="np-header-mobile-menu-content-button"
href="{% route account %}"
>
{% t .profile_settings %}
</a>
{% endunless %}
<a
class="np-header-mobile-menu-content-button np-danger"
href="{% route logout %}"
>
{% t .sign_out %}
</a>
</div>
</div>
</div>
{% include "messages" %}

View File

@ -1,30 +0,0 @@
{% assign hidden_lps = 'a2511934-9696-4ed1-b7a0-d27d5e244c10 9d05d319-ccd3-44d8-98ff-4314a15c784d f149de72-1c83-45cd-8d2c-6fc8ce02a7bd d97157fe-36d6-4549-b9f6-46b2bb6d020a 21576077-ea6a-41b7-bd38-c01d9d788617' %}
{% assign master_learning_path = false %}
{% if current_person.signed_in? %}
{% for group in current_person.groups %}
{% if group.id contains 'cebe3604-010f-4de2-b953-b8d0a1058188' or group.id contains 'b8ffe8fd-4210-40c3-8dfb-ce7ac3fc4027'%}
{% assign master_learning_path = true %}
{% endif %}
{% endfor %}
{% endif %}
<div class="np-learning-paths-resources">
{% if items.any? %}
{% for learning_path in items %}
{% if master_learning_path == false %}
{% include "cards_learning_path" with learning_path %}
{%else%}
{% unless hidden_lps contains learning_path.id%}
{% include "cards_learning_path" with learning_path %}
{% endunless %}
{% endif %}
{% endfor %}
{% else %}
<div class="np-learning-paths-resources-container">
<div class="np-zero-state-text">
{% t .empty %}
</div>
<img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
</div>
{% endif %}
</div>

View File

@ -1,49 +0,0 @@
<nav class="np-sub-navigation">
<div class="np-sub-navigation-content">
<div class="np-sub-navigation-content-item" id="Home">
<a class="np-sub-navigation-content-item-link" href="/app">
<i class="far fa-home-lg-alt np-button-color np-sub-navigation-content-item-icon"></i>
Home
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class="np-sub-navigation-content-item" id="Learning Paths">
<a class="np-sub-navigation-content-item-link" href="/app/learning_paths">
<i class="far fa-road np-button-color np-sub-navigation-content-item-icon"></i>
Learning Paths
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class="np-sub-navigation-content-item" id="Courses">
<a class="np-sub-navigation-content-item-link" href="/app/courses">
<i class="far fa-graduation-cap np-button-color np-sub-navigation-content-item-icon"></i>
Courses
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
</div>
</nav>
<script>
document.addEventListener("DOMContentLoaded", function() {
var subNavItems = document.querySelectorAll('.np-sub-navigation-content-item');
subNavItems.forEach(function(item) {
var link = item.querySelector('.np-sub-navigation-content-item-link');
var href = link.getAttribute('href');
var currentUrl = window.location.pathname;
if (currentUrl === href) {
item.classList.add('np-sub-navigation-content-item-active');
item.classList.remove('np-sub-navigation-content-item-inactive');
} else {
item.classList.add('np-sub-navigation-content-item-inactive');
item.classList.remove('np-sub-navigation-content-item-active');
}
});
});
</script>

View File

@ -1,86 +0,0 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
{% assign master_learning_path = false %}
{% assign master_learning_path_finished = false %}
{% assign fundamentals_finished = false %}
{% if current_person.signed_in? %}
{% for group in current_person.groups %}
{% if group.id contains '33fb398a-df35-4f6d-b801-8bf4dc9d0937'%}
{% assign master_learning_path = true %}
{% endif %}
{% endfor %}
{% endif %}
{% for learning_path in learning_paths.available %}
{% if learning_path.id == '4d4aac7c-7831-4b27-a029-2d83764f7b2f' and learning_path.progress == 100 %}
{% assign master_learning_path_finished = true %}
{% endif %}
{% if learning_path.id == 'b6c4ea11-aa5a-43ad-aef0-77a79c1e9755' and learning_path.progress == 100 %}
{% assign fundamentals_finished = true %}
{% endif %}
{% endfor %}
<main class="np-main np-dashboard np-subpage-container np-max-width">
{% if master_learning_path %}
<div class="row np-flex-center">
<div class="section np-max-width col-xs-12 col-sm-8">
{% if master_learning_path_finished == false%}
<div class="np-resource-title">Take your required Learning Paths!</div>
{% for learning_path in learning_paths.available %}
{% if fundamentals_finished and learning_path.id == '60b30adf-fd13-42c4-aa82-7c12788424c2' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% elsif learning_path.id == 'b6c4ea11-aa5a-43ad-aef0-77a79c1e9755' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% elsif learning_path.id == 'f0444d09-3eae-4335-a8ec-419d818c01f9' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% elsif learning_path.id == '9f4daafe-14e5-4771-9fb5-50752a9372fb' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% elsif learning_path.id == '0f4f78e7-a0ab-4e92-b079-97736a8efc31' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% elsif learning_path.id == '46108735-9ee0-4b25-a7d3-2dd72d17402f' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% elsif learning_path.id == '4d4aac7c-7831-4b27-a029-2d83764f7b2f' and learning_path.progress < 100 %}
{% include "cards_learning_path" with learning_path %}
{% break %}
{% endif %}
{% endfor %}
{% else %}
{%endif%}
</div>
</div>
{% endif %}
<div class="row np-flex-center">
<div class="col-xs-12 col-sm-8">
{% if features.learning_paths? %}
<div class="np-dashboard-resources-title">
Assigned {% t shared.learning_paths %}
</div>
{% include "learning_paths_index", items: learning_paths.enrolled %}
{% endif %}
<div class="np-dashboard-resources-title">
Assigned {% 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

@ -1,73 +0,0 @@
{% assign master_learning_path = false %}
{% if current_person.signed_in? %}
{% for group in current_person.groups %}
{% if group.id contains 'cebe3604-010f-4de2-b953-b8d0a1058188' or group.id contains 'b8ffe8fd-4210-40c3-8dfb-ce7ac3fc4027'%}
{% assign master_learning_path = true %}
<h1>hi</h1>
{% endif %}
{% endfor %}
{% endif %}
{% 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"
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" %}
{% if master_learning_path %}
{% for learning_path in learning_paths.available %}
{% if learning_path.id == 'a2511934-9696-4ed1-b7a0-d27d5e244c10' and learning_path.progress < 100 %}
<h1>true</h1>
{% include "cards_learning_path" with learning_path %}
{% endif %}
{% endfor %}
{% endif %}
<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

@ -1,11 +0,0 @@
/*
Put your custom overlay styles in here
You can use your northpass color palette in this file
{{ color_palette.button_font_color }}
{{ color_palette.button_color }}
{{ color_palette.button_hover_color }}
{{ color_palette.header_font_color }}
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/

View File

@ -1,34 +0,0 @@
<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

@ -1,60 +0,0 @@
<div class="np-dashboard-resources">
{% if courses.enrolled.any? %}
<div class="np-card">
<div class="np-card-container">
<div class="np-card-content-training-event">
{% assign countComplete = 0 %}
{% assign countInProgress = 0 %}
{% assign countNotStarted = 0 %}
{% assign countTotal = 0 | times: 1.0 %}
{% for course in courses.enrolled %}
{% assign countTotal = countTotal | plus: 1 %}
{% if course.progress == 100 %}
{% assign countComplete = countComplete | plus: 1 %}
{% endif %}
{% if course.progress > 0 and course.progress < 100 %}
{% assign countInProgress = countInProgress | plus: 1 %}
{% endif %}
{% if course.progress == 0 %}
{% assign countNotStarted = countNotStarted | plus: 1 %}
{% endif %}
{% endfor %}
<ul class="circle-list" style="display: flex; flex-direction: row;">
<li>
{% include "progress_circle", name:'Completed' , count: countComplete , total: countTotal %}
</li>
<li>
{% include "progress_circle", name:'In Progress' , count: countInProgress , total: countTotal %}
</li>
<li>
{% include "progress_circle", name:'Not Started' , count: countNotStarted , total: countTotal %}
</li>
</ul>
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</div>
</div>
</div>
<style>
.circle-list {
list-style-type: none !important;
}
.align-center {
align-items: center !important;
}
.progress-ring__circle {
transition: stroke-dashoffset 0.35s;
}
.progress-ring__circle {
transition: stroke-dashoffset 0.35s;
transform: rotate(-90deg);
transform-origin: center;
}
</style>

View File

@ -1,77 +0,0 @@
{% if courses.enrolled.any? %}
<div class="row row-with-thumbnails" id='filterProgress'>
{% assign sorted_courses = courses.enrolled | sort: 'ribbon' %}
{% for course in sorted_courses %}
{% if course.ribbon == 'New' %}
{% assign catalog_course_status = "" %}
{% if course.started? == false %}
{% assign catalog_course_status = "not-started" %}
{% elsif course.completed? %}
{% assign catalog_course_status = "completed" %}
{% elsif course.started? %}
{% assign catalog_course_status = "in-progress" %}
{% endif %}
<div class="{{ class }} {{catalog_course_status }}">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endfor %}
{% for course in sorted_courses %}
{% if course.ribbon contains "Minutes" %}
{% assign catalog_course_status = "" %}
{% if course.started? == false %}
{% assign catalog_course_status = "not-started" %}
{% elsif course.completed? %}
{% assign catalog_course_status = "completed" %}
{% elsif course.started? %}
{% assign catalog_course_status = "in-progress" %}
{% endif %}
<div class="{{ class }} {{catalog_course_status }}">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endfor %}
{% for course in sorted_courses %}
{% if course.ribbon == 'AIIM21' %}
{% assign catalog_course_status = "" %}
{% if course.started? == false %}
{% assign catalog_course_status = "not-started" %}
{% elsif course.completed? %}
{% assign catalog_course_status = "completed" %}
{% elsif course.started? %}
{% assign catalog_course_status = "in-progress" %}
{% endif %}
<div class="{{ class }} {{catalog_course_status }}">
{% include "cards_course" with course %}
</div>
{% endif %}
{% endfor %}
{% for course in sorted_courses %}
{% if course.ribbon != 'New' and course.ribbon != 'AIIM21' and course.ribbon != 'Certificate' %}
{% unless course.ribbon contains 'Minutes' %}
{% assign catalog_course_status = "" %}
{% if course.started? == false %}
{% assign catalog_course_status = "not-started" %}
{% elsif course.completed? %}
{% assign catalog_course_status = "completed" %}
{% elsif course.started? %}
{% assign catalog_course_status = "in-progress" %}
{% endif %}
<div class="{{ class }} {{catalog_course_status }}">
{% include "cards_course" with course %}
</div>
{% endunless %}
{% endif %}
{% 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

@ -1,103 +0,0 @@
{% assign topic_classname = topic | split: " " %}
<div class="np-progress-filter-wrapper">
{% if label %}
<div class="np-progress-filter-label">{{ label }}</div>
{% endif %}
<div class="progress-filter filter-select-wrapper select-wrapper np-button" data-topic="{{ topic_classname | join: '-' | downcase }}">
<select >
<option selected disabled hidden>{{ default_option}}</option>
<option value="a">All Courses</option>
<option value="n">Not Started</option>
<option value="i">In Progress</option>
<option value="c">Completed</option>
</select>
</div>
</div>
<style>
.np-progress-filter-label {
color: rgba(255, 255, 255);
padding-right: 7px;
text-transform: none;
font-weight:500;
font-size:0.812rem;
}
.np-progress-filter-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
padding-bottom: 15px;
}
.filter-select-wrapper {
position: relative;
padding:0;
color: #fff;
height:auto;
text-transform: none;
background: transparent;
border-radius:0;
}
.filter-select-wrapper:hover {
background:transparent;
color:#fff;
}
.select-items {
position: absolute;
background-color: #318cae;
opacity: 0.9;
top: 105%;
z-index: 99;
width: 95%;
border-top:none;
}
.select-items div {
color: rgba(255, 255, 255);
border-top:none;
cursor: pointer;
width:100%;
padding: 12px 16px;
}
.select-items div:hover { color: rgba(255, 255, 255, 1); }
.select-selected {
width: 100%;
height: 100%;
padding: 9px 66px 9px 20px;
position: relative;
color:#fff;
background-color: #318cae;
border-radius: 5px;
}
.select-selected::after {
content:"\\f078";
font-family: "Font Awesome 5 Pro";
position: absolute;
width:20px;
height:100%;
color:rgba(255, 255, 255);
right:10px;
top:0;
display: flex;
justify-content: center;
align-items: center;
font-size:1rem;
}
.select-selected.select-arrow-active::after { transform: rotate(180deg); }
.same-as-selected,
.filter-select-wrapper select,
.select-hide {
display: none;
}
.mo-filter-wrapper {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.select-items div:hover,
.same-as-selected {
background-color: #318cae;
}
</style>

View File

@ -1,78 +0,0 @@
<footer class="np-footer">
<div class="np-footer-top">
{% if website_footer.show_navigation_links? %}
<div class="np-footer-navigation">
<ul class="np-footer-navigation-list">
{% for website_navigation in navigations.footer_navigations %}
<li class="np-footer-navigation-item">
<a
class="np-footer-navigation-link np-button-color"
href="{{ website_navigation.path }}"
{% if website_navigation.external? %} target="_blank" {% endif %}
>
{{ website_navigation.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if current_school.logo_url %}
<h2 class="np-footer-logo">
<a href="{% route home %}">
<img
alt="{{ current_school.name }}"
class="np-footer-logo-image"
src="{{ current_school.logo_url }}"
/>
</a>
</h2>
{% else %}
<div class="np-school-name np-header-font-color">
{{ current_school.name }}
</div>
{% endif %}
</div>
<div class="np-footer-bottom">
<nav class="np-footer-social-links">
{% if website_footer.show_social_media_links? %}
<ul class="np-footer-social-links-list">
{% for social_media_link in website_footer.social_media_links %}
<li class="np-footer-social-links-item">
<a
class="np-footer-social-links-link np-button-color"
href="{{ social_media_link.link }}"
target="_blank" title="{{ social_media_link.name }}"
>
<i class="np-footer-social-links-icon
np-button-color
fab fa-{{ social_media_link.name }}"
></i>
</a>
</li>
{% endfor %}
</ul>
{% endif %}
</nav>
{% if website_footer.show_customer_service_email? and
website_footer.school_customer_service_email
%}
<div class="np-footer-support">
<div class="np-footer-support-item np-footer-support-help">
{% t .need_help %}
</div>
<div class="np-footer-support-item np-footer-support-email">
{% t .email %}
</div>
<a
class="np-footer-support-item np-footer-support-link np-button-color"
href="mailto:{{ website_footer.school_customer_service_email }}"
>
{{ website_footer.school_customer_service_email }}
</a>
</div>
{% endif %}
</div>
</footer>

View File

@ -1,11 +0,0 @@
{% styles default %}
{% styles colors %}
{% styles custom %}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css" integrity="sha512-wR4oNhLBHf7smjy0K4oqzdWumd+r5/+6QO/vDda76MW5iug4PT7v86FoEkySIJft3XA0Ae6axhIvHrqwm793Nw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>

View File

@ -1,266 +0,0 @@
<header class="np-header np-header-color np-hidden-mobile">
<div class="np-header-content-upper">
<div class="np-header-content-upper-left">
<a class='upper-menu-button' href='https://www.aiim.org/'>
<< Back to AIIM.org
</a>
</div>
<div class="np-header-content-upper-right">
{% if current_person.signed_in? %}
{% include 'user_bar_desktop' %}
{% else %}
<a class="np-header-sign-in np-header-desktop-nav-link np-header-font-color" href="{% route login %}"> {% t shared.sign_in %}
{% endif %}
</div>
</div>
<div class="np-header-content-bottom">
{% if current_school.logo_url %}
<h1 class="np-header-logo">
<a href="{% route home %}">
<img
alt="{{ current_school.name }}"
class="np-header-logo-image"
src="{{ current_school.logo_url }}"
/>
</a>
</h1>
{% else %}
<a href="{% route home %}" class="np-school-name np-header-font-color">
{{ current_school.name }}
</a>
{% endif %}
<div class='bottom-menu'>
<a class='bottom-menu-list aiim-yellow' href='https://community.aiim.org/home'>
Home
</a>
<div class='menu-with-dropdown'>
<div class='bottom-menu-list' id='communities-hover'>
Communities <i class="fas fa-angle-down aiim-yellow"></i>
</div>
<div class='bottom-menu-list-dropdown' id="communities-list">
<a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/home'>
Open Forum
</a>
<a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/communities/allcommunities'>
All Communities
</a>
<a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/communities/mycommunities'>
My Communities
</a>
</div>
</div>
<div class='menu-with-dropdown'>
<div class='bottom-menu-list' id='members-hover'>
Find a Member <i class="fas fa-angle-down aiim-yellow"></i>
</div>
<div class='bottom-menu-list-dropdown' id="members-list">
<a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/network/members'>
Member Directory
</a>
</div>
</div>
<div class='menu-with-dropdown'>
<div class='bottom-menu-list' id='events-hover'>
Events <i class="fas fa-angle-down aiim-yellow"></i>
</div>
<div class='bottom-menu-list-dropdown' id="events-list">
<a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/events'>
Upcoming AIIM Events
</a>
</div>
</div>
<div class='menu-with-dropdown'>
<div class='bottom-menu-list' id='resources-hover'>
Resources <i class="fas fa-angle-down aiim-yellow"></i>
</div>
<div class='bottom-menu-list-dropdown' id="resources-list">
<a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/resources/member-content'>
AIIM+ Member Resources
</a>
<a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/browse/blogs'>
Blogs
</a>
<a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/browse/casestudylibrary'>
Case Study Library
</a>
<a class='bottom-menu-list-dropdown-item' href='https://community.aiim.org/network/supplierdirectory'>
Solution Provider Directory
</a>
</div>
</div>
<div class='menu-with-dropdown'>
<div class='bottom-menu-list' id='training-hover'>
AIIM+ Pro: Training Courses <i class="fas fa-angle-down aiim-yellow"></i>
</div>
<div class='bottom-menu-list-dropdown' id="training-list">
<a class='bottom-menu-list-dropdown-item' href='https://aiim.northpass.com/app'>
Home
</a>
<a class='bottom-menu-list-dropdown-item' href='https://aiim.northpass.com/app/courses'>
Courses
</a>
<a class='bottom-menu-list-dropdown-item' href='https://aiim.northpass.com/app/learning_paths'>
Learning Paths
</a>
</div>
</div>
</div>
</div>
</header>
<header class="np-hidden-desktop np-header-mobile-menu-nav">
<div class='user-logo-mobile'>
{% if current_person.signed_in? %}
{% include 'mobile_buttons' %}
{% include 'mobile_header' %}
{% endif %}
</div>
<div class='mobile-school-logo'>
{% if current_school.logo_url %}
<h1 class="np-header-logo">
<a href="{% route home %}">
<img
alt="{{ current_school.name }}"
class="np-header-logo-image"
src="{{ current_school.logo_url }}"
/>
</a>
</h1>
{% else %}
<a href="{% route home %}" class="np-school-name np-header-font-color">
{{ current_school.name }}
</a>
{% endif %}
</div>
</header>
{% include "messages" %}
<style>
.bottom-menu {
display: flex;
flex-direction: row;
}
.np-header {
display: flex;
flex-direction: column;
height: 135px;
color: #fff;
}
.np-header-content-upper {
width: 100%;
justify-content: space-between;
align-items: center;
display: flex;
flex-direction: row;
margin-top: 5px;
}
.np-header-content-upper-right {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.np-header-content-bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.bottom-menu-list {
padding: 20px 20px;
color: #333333;
}
.menu-with-dropdown {
display: flex;
flex-direction: column;
}
.aiim-yellow {
color: #FFAA1F !important;
}
.fa-angle-down {
padding: 0 3px;
}
a:visited {
text-decoration: none;
color: initial;
}
a:hover {
text-decoration: none;
color: initial;
}
a {
text-decoration: none;
color: initial;
}
.bottom-menu-list-dropdown {
flex-direction: column;
display: none;
background: #EBEBEB;
position: absolute;
margin-top: 45px;
z-index: 1;
padding: 15px;
border-radius: 10px;
}
#communities-list:hover {
display: flex;
}
#members-list:hover {
display: flex;
}
#events-list:hover {
display: flex;
}
#resources-list:hover {
display: flex;
}
#training-list:hover {
display: flex;
}
#communities-hover:hover + #communities-list {
display: flex;
}
#members-hover:hover + #members-list {
display: flex;
}
#events-hover:hover + #events-list {
display: flex;
}
#resources-hover:hover + #resources-list {
display: flex;
}
#training-hover:hover + #training-list {
display: flex;
}
.bottom-menu-list-dropdown-item {
padding: 10px 5px;
}
.bottom-menu-list-dropdown-item:hover {
color: #FFAA1F
}
@media only screen and (max-width: 768px) {
.bottom-menu {
display: none;
}
.np-header-mobile-menu-nav {
position: relative;
height: 70px;
display: flex;
}
.mobile-school-logo {
margin: auto;
}
.np-header-mobile-menu-nav-button {
height: 100%;
width: 100%;
padding-left: 15px;
}
.np-header-logo {
margin: 0px;
height: 60px;
}
.np-header-logo-image {
height: 60px;
}
}
</style>

View File

@ -1,18 +0,0 @@
<button
data-toggle-class="np-hidden"
class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
data-toggle-target=".np-header-mobile-avatar-menu,
.np-header-mobile-menu-content, .np-main, .np-footer"
></button>
<button
data-test="open-mobile-menu"
data-toggle-class="np-hidden"
class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
>
<img
alt="{{ current_person.name }}"
class="np-header-avatar-image"
src="{{ current_person.avatar_url }}"
/>
</button>

View File

@ -1,55 +0,0 @@
<div class="np-hidden-desktop">
<div class="np-header-mobile-menu-content np-hidden">
{% if current_person.signed_in? %}
<img
alt="{{ current_person.name }}"
class="np-header-mobile-menu-content-avatar"
src="{{ current_person.avatar_url }}"
/>
<div class="np-header-mobile-menu-content-name">
{{ current_person.name }}
</div>
{% endif %}
<div class="np-header-mobile-menu-content-nav">
<form
class="np-header-search"
data-test="mobile-search"
method="get"
action="{% route search %}"
>
<input
aria-label="{% t .search %}"
class="np-header-search-input"
type="text"
name="q"
placeholder="{% t .search %}"
/>
<i class="np-header-search-icon far fa-search"></i>
</form>
{% for website_navigation in navigations.header_navigations %}
<a
href="{{ website_navigation.path }}"
class="np-header-mobile-menu-content-button"
{% if website_navigation.external? %} target="_blank" {% endif %}
>
{{ website_navigation.name }}
</a>
{% endfor %}
<div class="np-header-mobile-menu-content-line"></div>
{% unless current_school.sso_active? %}
<a
class="np-header-mobile-menu-content-button"
href="{% route account %}"
>
{% t .profile_settings %}
</a>
{% endunless %}
<a
class="np-header-mobile-menu-content-button np-danger"
href="{% route logout %}"
>
{% t .sign_out %}
</a>
</div>
</div>
</div>

View File

@ -1,34 +0,0 @@
<div class="np-card-content np-card-content-vertical np-card-padding align-center">
<h3 class="np-card-content-title">
{{name}}
</h3>
<svg
class="progress-ring"
width="120"
height="120">
<circle
class="progress-ring__circle circle-{{name}}"
stroke="#2e1e6b"
stroke-width="4"
fill="transparent"
r="52"
cx="60"
cy="60"/>
<text x="50%" y="50%" text-anchor="middle" stroke="#2e1e6b" stroke-width="2px" dy=".3em">{{count}}</text>
</svg>
</div>
<script>
$(document).ready(function(){
var circle = document.getElementsByClassName("circle-{{name}}")[0];
var radius = circle.r.baseVal.value;
var circumference = radius * 2 * Math.PI;
circle.style.strokeDasharray = `${circumference} ${circumference}`;
circle.style.strokeDashoffset = `${circumference}`;
function setProgress(percent) {
const offset = circumference - percent * circumference;
console.log(offset);
circle.style.strokeDashoffset = offset;
}
setProgress('{{ count | divided_by: total }}')
})
</script>

View File

@ -1,83 +0,0 @@
<div class="np-hidden-mobile header-search">
<form action="{% route search %}" method="get" data-test="desktop-search">
<input
aria-label="{% t .search %}"
class="search-input"
type="text"
name="q"
placeholder="search"
/>
<button class='search-button' type='submit'>
<i class="search-icon far fa-search aiim-yellow"></i>
</button>
</form>
</div>
<div class="np-hidden-mobile np-header-avatar">
<button
class="np-header-avatar-button"
data-test="open-desktop-menu"
data-toggle-class-on-target="np-hidden"
data-toggle-target=".np-header-avatar-tooltip"
data-toggle-outside
>
<img
alt="{{ current_person.name }}"
class="np-header-avatar-image"
src="{{ current_person.avatar_url }}"
>
</button>
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
<span class="np-header-avatar-tooltip-arrow-up"></span>
<div class="np-header-avatar-tooltip-learner">
<div class="np-header-avatar-tooltip-learner-name">
{{ current_person.name }}
</div>
<div class="np-header-avatar-tooltip-learner-email">
{{ current_person.email }}
</div>
</div>
<nav class="np-header-avatar-tooltip-navigation">
{% unless current_school.sso_active? %}
<a
class="np-header-avatar-tooltip-navigation-link"
href="{% route account %}"
>
{% comment %}{% t .profile_settings %}{% endcomment %}
Profile Settings
</a>
{% endunless %}
<a
class="np-header-avatar-tooltip-navigation-link np-danger"
href="{% route logout %}"
>
{% comment %}{% t .sign_out %}{% endcomment %}
Sign Out
</a>
</nav>
</div>
</div>
<style>
::placeholder {
font-style: italic;
color: #333;
}
.search-icon {
position: relative;
left: -35px;
}
.search-button {
background: none;
border: none;
}
.header-search {
font-size: 15px;
align-self: center;
}
.search-input {
background: #EBEBEB;
border-radius: 7px;
border-color: lightgray;
padding: 3px 5px;
}
</style>

View File

@ -1,134 +0,0 @@
{% comment %}
For this widget to work you must import Slick CSS and JS
{% endcomment %}
<div class="np-dashboard-resources">
<div class="np-card">
<div class="np-card-container np-dashboard-border">
{% if courses.enrolled.any? %}
<div class="np-card-content-achievements">
<div class="achivements-carousel">
{% for course in courses.enrolled %}
{% if course.progress == 100 %}
<div>
<div class="np-card-content-title col-12">
{{ course.name }}
</div>
<div class="col-12 ">
<img class="np-achievement-icon" src="{{ course.properties.course_badge }}" />
</div>
</div>
{% endif %}
{% endfor %}
</div>
<a href="#" class="np-view-all-achievements">View All</a>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</div>
</div>
</div>
</div>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
$('.achivements-carousel').slick({
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
infinite: true,
autoplay: false,
autoplaySpeed: 5000,
cssEase: 'linear',
prevArrow: '<i class="fal fa-chevron-left"></i>',
nextArrow: '<i class="fal fa-chevron-right"></i>',
responsive: [{
breakpoint: 991,
settings: {
dots: false
}
}]
})
});
</script>
<style>
.np-card-content-achievements .np-card-content-title {
font-size: 0.937rem;
color:#fff;
text-align:center;
font-weight:500;
}
.np-achievement-icon {
color: #bec2c6;
margin:14px auto 26px;
width:130px;
}
.np-card-content-achievements .slick-slider {
width:100%;
max-width: 375px;
margin: auto;
}
.np-view-all-achievements {
color:#2BB24C;
font-size:0.75rem;
text-transform:uppercase;
text-align:center;
text-decoration:none;
margin-bottom:1.5rem;
}
.np-card-content-achievements {
flex: 1;
display: flex;
flex-direction: column;
padding: 2rem 2rem .5rem;
}
.achievements-total-points-display {
color:#2BB24C;
font-size:0.812rem;
text-transform:uppercase;
text-align:center;
margin-bottom:1.5rem;
font-weight:bold;
}
.achievements-total-points {
font-size:10px;
color:#fff;
padding:3px 5px;
display:inline-block;
border-radius:2px;
}
.slick-arrow {
color: rgba(255, 255, 255, 0.5);
opacity: 0.5;
font-size: 1.5rem;
position: absolute;
height: 100%;
top: 50%;
cursor:pointer;
}
.slick-arrow.fa-chevron-left { left:0 }
.slick-arrow.fa-chevron-right { right:0; }
@media (min-width:1024px) {
.np-card-content-achievements .slick-slider {
max-width: none;
margin: 0;
}
}
</style>

View File

@ -1,154 +0,0 @@
{% 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">
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
</div>
<div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div>
<div class="catalog-filters" style="display:flex; justify-content: flex-end; align-items: center;">
{%
include "filter_by_progress",
label: "",
default_option: "Progress",
topic: "",
filter_type: "filter-cards"
%}
</div>
{% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
</main>
{% include "footer" %}
<script>
// Creates the custom dropdown and dropdown functionality
var x, i, j, l, ll, selElmnt, a, b, c;
/* Look for any elements with the class “select-wrapper”: */
x = document.getElementsByClassName("progress-filter");
l = x.length;
for (i = 0; i < l; i++) {
selElmnt = x[i].getElementsByTagName("select")[0];
ll = selElmnt.length;
/* For each element, create a new DIV that will act as the selected item: */
a = document.createElement("DIV");
a.setAttribute("class", "select-selected");
a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
x[i].appendChild(a);
/* For each element, create a new DIV that will contain the option list: */
b = document.createElement("DIV");
b.setAttribute("class", "select-items select-hide");
for (j = 1; j < ll; j++) {
/* For each option in the original select element,
create a new DIV that will act as an option item: */
c = document.createElement("DIV");
c.innerHTML = selElmnt.options[j].innerHTML;
c.addEventListener("click", function(e) {
/* When an item is clicked, update the original select box,
and the selected item: */
var y, i, k, s, h, sl, yl;
s = this.parentNode.parentNode.getElementsByTagName("select")[0];
sl = s.length;
h = this.parentNode.previousSibling;
for (i = 0; i < sl; i++) {
if (s.options[i].innerHTML == this.innerHTML) {
s.selectedIndex = i;
h.innerHTML = this.innerHTML;
y = this.parentNode.getElementsByClassName("same-as-selected");
yl = y.length;
for (k = 0; k < yl; k++) {
y[k].removeAttribute("class");
}
this.setAttribute("class", "same-as-selected");
break;
}
}
filterCourse();
h.click();
});
b.appendChild(c);
}
x[i].appendChild(b);
a.addEventListener("click", function(e) {
/* When the select box is clicked, close any other select boxes,
and open/close the current select box: */
e.stopPropagation();
closeAllSelect(this);
this.nextSibling.classList.toggle("select-hide");
this.classList.toggle("select-arrow-active");
});
}
function closeAllSelect(elmnt) {
/* A function that will close all select boxes in the document,
except the current select box: */
var x, y, i, xl, yl, arrNo = [];
x = document.getElementsByClassName("select-items");
y = document.getElementsByClassName("select-selected");
xl = x.length;
yl = y.length;
for (i = 0; i < yl; i++) {
if (elmnt == y[i]) {
arrNo.push(i)
} else {
y[i].classList.remove("select-arrow-active");
}
}
for (i = 0; i < xl; i++) {
if (arrNo.indexOf(i)) {
x[i].classList.add("select-hide");
}
}
}
/* If the user clicks anywhere outside the select box,
then close all select boxes: */
document.addEventListener("click", closeAllSelect);
$(".select-items div").each(function() {
if($( this ).text() == $(".select-selected").text()) {
$(this).addClass("same-as-selected");
}
});
function filterCourse() {
let filterOptions = document.getElementsByClassName('select-selected')[0];
let courseCards = $('#filterProgress').children();
switch(filterOptions.innerText) {
case "All Courses":
courseCards.each(function (i) {
$(this).show();
});
break;
case "Not Started":
courseCards.each(function (i) {
if (!$(this).hasClass("not-started")) {
$(this).hide();
} else {
$(this).show();
}
});
break;
case "In Progress":
courseCards.each(function (i) {
if (!$(this).hasClass("in-progress")) {
$(this).hide();
} else {
$(this).show();
}
});
break;
case "Completed":
courseCards.each(function (i) {
if (!$(this).hasClass("completed")) {
$(this).hide();
} else {
$(this).show();
}
});
break;
default:
}
}
</script>

View File

@ -1,48 +0,0 @@
{% assign completed_courses = 0 %}
{% for course in courses.enrolled %}
{% if course.completed? %}
{% assign completed_courses = completed_courses | plus: 1 %}
{% endif %}
{% endfor %}
{% 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">
{% if current_person.signed_in?%}
<div class="main-point-counter" style="font-size: 20px; display: flex; flex-direction: row; width: 30%; background-color: #59697b; color: #fff; padding: 10px; border-radius: 10px; margin-bottom: 20px; min-width: 320px;">
<div style="padding-left: 10px;">You have completed</div>
<div style="padding: 0 8px;">{{completed_courses}}</div>
<div>courses</div>
</div>
{% endif %}
<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>
<div class="np-grid-spacing col-xs-12 col-sm-4">
<div class="completion-list">
<div style="font-size: 20px; font-weight: 500;">Your completed courses:</div>
<ul style="list-style-type: none; padding-left: 0;">
{% for course in courses.enrolled %}
{% if course.completed?%}
<dt style="display: flex; flex-direction: row; justify-content: space-between; padding-top: 10px; margin-top: 0;">
<div style="max-width: 70%; margin-right: 15px;"> {{course.name}} </div>
<div style="float: right; align-self: center;"> {{course.properties.ceu}} CEU</div>
</dt>
{% endif %}
{%endfor%}
</ul>
</div>
</div>
</div>
</main>
{% include "footer" %}

View File

@ -1,11 +0,0 @@
/*
Put your custom overlay styles in here
You can use your northpass color palette in this file
{{ color_palette.button_font_color }}
{{ color_palette.button_color }}
{{ color_palette.button_hover_color }}
{{ color_palette.header_font_color }}
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/

View File

@ -1,407 +0,0 @@
{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Reach.svg' %}
{% assign product_alt = 'Anthology Reach' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F3798A' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Engage.svg' %}
{% assign product_alt = 'Anthology Engage' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F16423' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Beacon.svg' %}
{% assign product_alt = 'Anthology Beacon' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F16423' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Milestone.svg' %}
{% assign product_alt = 'Anthology Milestone' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F3798A' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Occupation+Insight.svg' %}
{% assign product_alt = 'Anthology Occupation Insight' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F58545' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Raise.svg' %}
{% assign product_alt = 'Anthology Raise' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Digital+Assistant.svg' %}
{% assign product_alt = 'Anthology Digital Assistant' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Baseline.svg' %}
{% assign product_alt = 'Anthology Baseline' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#D94827' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Encompass.svg' %}
{% assign product_alt = 'Anthology Encompass' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Student.svg' %}
{% assign product_alt = 'Anthology Student' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#96CA51' %}
{% assign color_light = '#F3E588' %}
{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#286734' %}
{% assign color_light = '#F3E588' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Insight.svg' %}
{% assign product_alt = 'Anthology Insight' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#286734' %}
{% assign color_light = '#82C342' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Finance+%26+HCM.svg' %}
{% assign product_alt = 'Anthology Finance & HCM' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#539542' %}
{% assign color_light = '#C9BD2E' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Payroll.svg' %}
{% assign product_alt = 'Anthology Payroll' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#82C342' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Academic+Economics.svg' %}
{% assign product_alt = 'Anthology Academic Economics' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#286734' %}
{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/BBLearn.svg' %}
{% assign product_alt = 'Blackboard' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#1BA8E1' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Ally.svg' %}
{% assign product_alt = 'Anthology Ally' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#1BA8E1' %}
{% assign color_light = '#A3DBDC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Course+Evaluations.svg' %}
{% assign product_alt = 'Anthology Course Evaluations' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#004C6D' %}
{% assign color_light = '#027BB6' %}
{%- comment -%} NEED DIFF IMG FORMAT FOR THIS ONE {%- endcomment -%}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#A3DBDC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Portfolio.svg' %}
{% assign product_alt = 'Anthology Portfolio' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#0090A1' %}
{% assign color_light = '#5CC6CC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Program+Review.svg' %}
{% assign product_alt = 'Anthology Program Review' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#5CC6CC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Planning.svg' %}
{% assign product_alt = 'Anthology Planning' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#004C6D' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Accreditation.svg' %}
{% assign product_alt = 'Anthology Accreditation' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#0090A1' %}
{% assign color_light = '#1BA8E1' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#573376' %}
{% assign color_light = '#7F59A5' %}
{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#6283C2' %}
{% assign color_light = '#87ADDB' %}
{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#573376' %}
{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#7F59A5' %}
{% assign color_light = '#AA7FB8' %}
{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#573376' %}
{% assign color_light = '#87ADDB' %}
{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#87ADDB' %}
{% else %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#DCE4E9' %}
{% assign color_dark = '#747A7B' %}
{% assign color_light = '#B2B7BA' %}
{% endif %}
{% unless flag == 'dashboard' %}
{% assign flag = '' %}
{% endunless %}
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
{% assign act_count = 0 %}
{% for section in course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count | plus : 1 %}
{% endfor %}
{% endfor %}
{% assign allCats = '' %}
{% for category in course.categories %}
{% assign allCats = allCats | append: category.name | append: ' || '%}
{% endfor %}
<div class="np-card course-card" data-product="{{course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}">
{%- comment -%} {% unless flag == 'catalog' %}
{% endunless %} {%- endcomment -%}
<div class="np-progress-bar-container" style="background: {{ color_light }}">
<div
style="width: 75%; background: {{ color_dark }}"
class="np-button-background-color np-card-progress-bar course-card-progress-bar">
</div>
</div>
<div class="card-product-banner">
{% if product_logo != 'blank' %}
<img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo"/>
{% else %}
Anthology
{% endif %}
</div>
<div class="np-card-container">
{% if course.ribbon %}
<div class="np-card-ribbon">
{{ course.ribbon }}
</div>
{% endif %}
<div class="card-image-replacement"></div>
{%- comment -%} <img
class="np-card-image"
alt="{{ course.name }}"
src="{{ course.image_url }}"
> {%- endcomment -%}
<div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
<div class="np-flex-1">
<h3 class="np-card-content-title course-card-title">
{{ course.name }}
</h3>
{% assign act_count = 0 %}
{% for section in course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count| plus: 1 %}
{% endfor %}
{% endfor %}
<span style="color: #757575; font-size: 14px">
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
</span>
</div>
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
{% if course.has_to_restart? %}
{% include "course_version_outdated_popup", path: course_path %}
{% endif %}
</div>
<div class="card-bottom-details">
{% if flag == 'dashboard' %}
<div style="
align-items: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding-left: 15px;
width: 70%;">
<div style="
background: #BACCE9;
border-radius: 10px;
height: 8px;
margin-right: 15px;
width: 60%;
">
<div
style="height: 8px; background: {{ color_main }}; border-radius: 10px; width: {{ course.progress }}%; "
class="np-button-background-color np-card-progress-bar course-card-progress-bar">
</div>
</div>
<div>
{%- comment -%} {{course.properties.course_duration}} left {%- endcomment -%}
</div>
</div>
{% else %}
{%- comment -%} <div class="np-card-content-progress np-button-color">
{% t shared.progress, count: course.progress %}
</div> {%- endcomment -%}
<div style="padding-left: 15px">
{%- comment -%} {{course.properties.course_duration}} duration {%- endcomment -%}
</div>
{% endif %}
<a class="np-button np-button-wide course-card-button"
{% if course.properties.video_on_demand == true %}
{% if course.enrolled? %}
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
{% else %}
href="{% route course_enrollment, code: course.enrollment_code %}"
{% endif %}
{% else %}
href="{{ course_path }}"
{% endif %}
>
{% if course.progress > 0 and course.progress < 100 %}
Continue
{% else %}
View
{% endif %}
</a>
</div>
</div>
</div>
<style>
.card-product-banner{
align-items: center;
background: #FFF;
box-shadow: 0 3px 30px rgba(0,0,0,.1);
display: flex;
height: 32px;
overflow: hidden;
padding: 6px 8px;
width: 100%;
}
.product-logo{
height: 100%;
}
.card-image-replacement{
/* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
height: 12rem;
width: 100%;
}
@media screen and (min-width: 550px) and (max-width: 649px){
.card-image-replacement{
height: 15rem;
}
}
@media screen and (min-width: 650px) and (max-width: 767px){
.card-image-replacement{
height: 20rem;
}
}
.course-card-info{
height: calc(100% - 38px);
justify-content: center;
position: absolute;
top: 0;
}
.course-card-title{
font-size: 24px;
font-weight: 600;
line-height: 25px;
margin-top: 8px !important;
}
.course-card-button{
border-radius: 0;
font-size: 14px;
font-weight: 600;
height: 100%;
line-height: 21px;
width: 30%;
}
.course-card-button:focus{
border: 2px solid blue;
}
.np-progress-bar-container,
.np-card-progress-bar{
border-radius: 0;
height: 6px;
margin: 0;
}
.np-card-content-progress{
height: 25px;
margin: 0;
}
.course-card-progress-bar{
min-width: 0;
}
.np-card-content-progress{
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
@media screen and (min-width: 768px){
.course-card-wrapper{
margin-bottom: 32px;
/* max-height: 315px;
max-width: 445px; */
}
.course-card{
padding: 0 10px !important;
}
.course-card-wrapper,
.course-card{
height: 100%;
}
}
</style>

View File

@ -1,556 +0,0 @@
{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Reach.svg' %}
{% assign product_alt = 'Anthology Reach' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F3798A' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Engage.svg' %}
{% assign product_alt = 'Anthology Engage' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F16423' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Beacon.svg' %}
{% assign product_alt = 'Anthology Beacon' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F16423' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Milestone.svg' %}
{% assign product_alt = 'Anthology Milestone' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F3798A' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Occupation+Insight.svg' %}
{% assign product_alt = 'Anthology Occupation Insight' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F58545' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Raise.svg' %}
{% assign product_alt = 'Anthology Raise' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Digital+Assistant.svg' %}
{% assign product_alt = 'Anthology Digital Assistant' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Baseline.svg' %}
{% assign product_alt = 'Anthology Baseline' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#D94827' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Encompass.svg' %}
{% assign product_alt = 'Anthology Encompass' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Student.svg' %}
{% assign product_alt = 'Anthology Student' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#96CA51' %}
{% assign color_light = '#F3E588' %}
{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#286734' %}
{% assign color_light = '#F3E588' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Insight.svg' %}
{% assign product_alt = 'Anthology Insight' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#286734' %}
{% assign color_light = '#82C342' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Finance+%26+HCM.svg' %}
{% assign product_alt = 'Anthology Finance & HCM' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#539542' %}
{% assign color_light = '#C9BD2E' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Payroll.svg' %}
{% assign product_alt = 'Anthology Payroll' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#82C342' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Academic+Economics.svg' %}
{% assign product_alt = 'Anthology Academic Economics' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#286734' %}
{% elsif course.properties.product_names_for_course_cards == 'Blackboard Learn' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/BBLearn.svg' %}
{% assign product_alt = 'Blackboard Learn' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#1BA8E1' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Ally.svg' %}
{% assign product_alt = 'Anthology Ally' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#1BA8E1' %}
{% assign color_light = '#A3DBDC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Course+Evaluations.svg' %}
{% assign product_alt = 'Anthology Course Evaluations' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#004C6D' %}
{% assign color_light = '#027BB6' %}
{%- comment -%} NEED DIFF IMG FORMAT FOR THIS ONE {%- endcomment -%}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#A3DBDC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Portfolio.svg' %}
{% assign product_alt = 'Anthology Portfolio' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#0090A1' %}
{% assign color_light = '#5CC6CC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Program+Review.svg' %}
{% assign product_alt = 'Anthology Program Review' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#5CC6CC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Planning.svg' %}
{% assign product_alt = 'Anthology Planning' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#004C6D' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Accreditation.svg' %}
{% assign product_alt = 'Anthology Accreditation' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#0090A1' %}
{% assign color_light = '#1BA8E1' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#573376' %}
{% assign color_light = '#7F59A5' %}
{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#6283C2' %}
{% assign color_light = '#87ADDB' %}
{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#573376' %}
{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#7F59A5' %}
{% assign color_light = '#AA7FB8' %}
{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#573376' %}
{% assign color_light = '#87ADDB' %}
{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#87ADDB' %}
{% else %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#DCE4E9' %}
{% assign color_dark = '#747A7B' %}
{% assign color_light = '#B2B7BA' %}
{% endif %}
{% unless flag == 'dashboard' %}
{% assign flag = '' %}
{% endunless %}
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
{% assign act_count = 0 %}
{% for section in course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count | plus : 1 %}
{% endfor %}
{% endfor %}
{% assign allCats = '' %}
{% for category in course.categories %}
{% assign allCats = allCats | append: category.name | append: ' || '%}
{% endfor %}
<div class="np-card course-card">
<div class="np-progress-bar-container" style="background: {{ color_light }}">
<div
style="width: 75%; background: {{ color_dark }}"
class="np-button-background-color np-card-progress-bar course-card-progress-bar">
</div>
</div>
<div class="card-product-banner">
{% if product_logo != 'blank' %}
<img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo"/>
{% else %}
Anthology
{% endif %}
</div>
{% comment %} <div class="np-card-container">
<div class="card-image-replacement"></div>
<div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
<div class="np-flex-1">
<h3 class="np-card-content-title course-card-title">
{{ course.name }}
</h3>
</div>
<div class="card-bottom-details">
{% if flag == 'dashboard' %}
<div style="
align-items: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding-left: 15px;
width: 70%;">
<div style="
background: #BACCE9;
border-radius: 10px;
height: 8px;
margin-right: 15px;
width: 60%;
">
<div
style="height: 8px; background: {{ color_main }}; border-radius: 10px; width: {{ course.progress }}%; "
class="np-button-background-color np-card-progress-bar course-card-progress-bar">
</div>
</div>
</div>
{% endif %}
<span style="color: #757575; font-size: 14px">
{% assign act_count = 0 %}
{% for section in course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count| plus: 1 %}
{% endfor %}
{% endfor %}
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
</span>
{% 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 course-card-button"
{% if course.properties.video_on_demand == true %}
{% if course.enrolled? %}
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
{% else %}
href="{% route course_enrollment, code: course.enrollment_code %}"
{% endif %}
{% else %}
href="{{ course_path }}"
{% endif %}
>
{% if course.progress > 0 and course.progress < 100 %}
Continue
{% else %}
View
{% endif %}
</a>
</div>
</div>
</div> {% endcomment %}
<div class="np-card-container">
{% if course.ribbon %}
<div class="np-card-ribbon">
{{ course.ribbon }}
</div>
{% endif %}
<div class="card-image-replacement"></div>
<div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
<div class="np-flex-1">
<h3 class="np-card-content-title course-card-title">
{{ course.name }}
</h3>
</div>
</div>
<div class="card-bottom-details">
{% if flag == 'dashboard' %}
<div style="
align-items: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding-left: 15px;
width: 70%;">
<div style="
background: #BACCE9;
border-radius: 10px;
height: 8px;
margin-right: 15px;
width: 60%;
">
<div
style="height: 8px; background: {{ color_main }}; border-radius: 10px; width: {{ course.progress }}%; "
class="np-button-background-color np-card-progress-bar course-card-progress-bar">
</div>
</div>
</div>
{% endif %}
<span style="color: #757575; font-size: 14px">
{% assign act_count = 0 %}
{% for section in course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count| plus: 1 %}
{% endfor %}
{% endfor %}
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
</span>
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
<a class="np-button np-button-wide course-card-button"
{% if course.properties.video_on_demand == true %}
{% if course.enrolled? %}
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
{% else %}
href="{% route course_enrollment, code: course.enrollment_code %}"
{% endif %}
{% else %}
href="{{ course_path }}"
{% endif %}
>
{% if course.progress > 0 and course.progress < 100 %}
Continue
{% else %}
View
{% endif %}
</a>
</div>
</div>
</div>
{% comment %} <style>
.course-card-wrapper{
display: flex;
}
.course-card{
display: flex;
flex-direction: column;
}
.card-product-banner{
align-items: center;
background: #FFF;
box-shadow: 0 3px 30px rgba(0,0,0,.1);
display: flex;
height: 32px;
overflow: hidden;
padding: 6px 8px;
width: 100%;
}
.product-logo{
height: 100%;
}
.course-card-info{
height: 100%;
justify-content: space-between;
position: relative;
top: 0;
}
.course-card-title{
font-size: 24px;
font-weight: 600;
line-height: 25px;
margin-top: 8px !important;
}
.course-card-button{
border-radius: 4px;
font-size: 14px;
font-weight: 600;
height: 100%;
line-height: 21px;
width: 30%;
}
.course-card-button:focus{
border: 2px solid blue;
}
.np-progress-bar-container,
.np-card-progress-bar{
border-radius: 0;
height: 6px;
margin: 0;
}
.np-card-content-progress{
height: 25px;
margin: 0;
}
.course-card-progress-bar{
min-width: 0;
}
.np-card-content-progress{
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
@media screen and (min-width: 768px){
.course-card-wrapper{
margin-bottom: 32px;
}
.course-card{
height: 100%;
margin-bottom: 0;
padding: 0 10px !important;
}
}
</style> {% endcomment %}
<style>
.course-card .np-card-container{
padding: 8px 12px 8px 8px;
}
.card-product-banner{
align-items: center;
background: #FFF;
box-shadow: 0 3px 30px rgba(0,0,0,.1);
display: flex;
height: 32px;
overflow: hidden;
padding: 6px 8px;
width: 100%;
}
.product-logo{
height: 100%;
}
.card-image-replacement{
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
height: 12rem;
width: 100%;
}
@media screen and (min-width: 550px) and (max-width: 649px){
.card-image-replacement{
height: 15rem;
}
}
@media screen and (min-width: 650px) and (max-width: 767px){
.card-image-replacement{
height: 20rem;
}
}
.course-card-info{
height: calc(100% - 38px);
justify-content: center;
position: absolute;
top: 0;
width: unset;
}
.course-card-title{
font-size: 24px;
font-weight: 600;
line-height: 25px;
margin-top: 8px !important;
}
.course-card-button{
font-size: 14px;
font-weight: 600;
height: 100%;
line-height: 21px;
width: 30%;
}
.course-card-button:focus{
border: 2px solid blue;
}
.np-progress-bar-container,
.np-card-progress-bar{
border-radius: 0;
height: 6px;
margin: 0;
}
.np-card-content-progress{
height: 25px;
margin: 0;
}
.course-card-progress-bar{
min-width: 0;
}
.np-card-content-progress{
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.card-bottom-details{
justify-content: space-between;
}
@media screen and (min-width: 768px){
/* .np-card{
margin-bottom: 15px !important;
min-width: unset;
} */
.course-card .np-card-container{
padding: 16px 24px 16px 16px;
}
.course-card-wrapper{
margin-bottom: 32px;
}
.course-card{
padding: 0 10px !important;
}
.course-card-wrapper,
.course-card{
height: 100%;
}
}
</style>

View File

@ -1,238 +0,0 @@
{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Reach.svg' %}
{% assign product_alt = 'Anthology Reach' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F3798A' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Engage.svg' %}
{% assign product_alt = 'Anthology Engage' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F16423' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Beacon.svg' %}
{% assign product_alt = 'Anthology Beacon' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F16423' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Milestone.svg' %}
{% assign product_alt = 'Anthology Milestone' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F3798A' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Occupation+Insight.svg' %}
{% assign product_alt = 'Anthology Occupation Insight' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F58545' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Raise.svg' %}
{% assign product_alt = 'Anthology Raise' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Digital+Assistant.svg' %}
{% assign product_alt = 'Anthology Digital Assistant' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Baseline.svg' %}
{% assign product_alt = 'Anthology Baseline' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#D94827' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Encompass.svg' %}
{% assign product_alt = 'Anthology Encompass' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Student.svg' %}
{% assign product_alt = 'Anthology Student' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#96CA51' %}
{% assign color_light = '#F3E588' %}
{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#286734' %}
{% assign color_light = '#F3E588' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Insight.svg' %}
{% assign product_alt = 'Anthology Insight' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#286734' %}
{% assign color_light = '#82C342' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Finance+%26+HCM.svg' %}
{% assign product_alt = 'Anthology Finance & HCM' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#539542' %}
{% assign color_light = '#C9BD2E' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Payroll.svg' %}
{% assign product_alt = 'Anthology Payroll' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#82C342' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Academic+Economics.svg' %}
{% assign product_alt = 'Anthology Academic Economics' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#286734' %}
{% elsif course.properties.product_names_for_course_cards == 'Blackboard' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/BBLearn.svg' %}
{% assign product_alt = 'Blackboard' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#1BA8E1' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Ally.svg' %}
{% assign product_alt = 'Anthology Ally' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#1BA8E1' %}
{% assign color_light = '#A3DBDC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Course+Evaluations.svg' %}
{% assign product_alt = 'Anthology Course Evaluations' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#004C6D' %}
{% assign color_light = '#027BB6' %}
{%- comment -%} NEED DIFF IMG FORMAT FOR THIS ONE {%- endcomment -%}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#A3DBDC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Portfolio.svg' %}
{% assign product_alt = 'Anthology Portfolio' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#0090A1' %}
{% assign color_light = '#5CC6CC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Program+Review.svg' %}
{% assign product_alt = 'Anthology Program Review' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#5CC6CC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Planning.svg' %}
{% assign product_alt = 'Anthology Planning' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#004C6D' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Accreditation.svg' %}
{% assign product_alt = 'Anthology Accreditation' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#0090A1' %}
{% assign color_light = '#1BA8E1' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#573376' %}
{% assign color_light = '#7F59A5' %}
{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#6283C2' %}
{% assign color_light = '#87ADDB' %}
{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#573376' %}
{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#7F59A5' %}
{% assign color_light = '#AA7FB8' %}
{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#573376' %}
{% assign color_light = '#87ADDB' %}
{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#87ADDB' %}
{% else %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#DCE4E9' %}
{% assign color_dark = '#747A7B' %}
{% assign color_light = '#B2B7BA' %}
{% endif %}
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
{% assign act_count = 0 %}
{% for section in course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count | plus : 1 %}
{% endfor %}
{% endfor %}
{% assign allCats = '' %}
{% for category in course.categories %}
{% assign allCats = allCats | append: category.name | append: ' || '%}
{% endfor %}
<div class="np-card course-card col-md-4" data-product="{{course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}">
<div class="np-progress-bar-container" style="background: {{ color_light }}">
<div
style="width: 75%; background: {{ color_dark }}"
class="np-button-background-color np-card-progress-bar course-card-progress-bar">
</div>
</div>
<div class="card-product-banner">
{% if product_logo != 'blank' %}
<img src='{{ product_logo }}' alt='{{ product_alt }}' class="product-logo"/>
{% else %}
Anthology
{% endif %}
</div>
<div class="np-card-container">
<div class="card-image-replacement"></div>
<div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
<div class="np-flex-1">
<h3 class="np-card-content-title course-card-title">
{{ course.name }}
</h3>
</div>
</div>
<div class="card-bottom-details">
<span style="color: #757575; font-size: 14px">
{% assign act_count = 0 %}
{% for section in course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count| plus: 1 %}
{% endfor %}
{% endfor %}
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
</span>
<a class="np-button np-button-wide course-card-button"
href="{{ course_path }}"
>
View
</a>
</div>
</div>
</div>

View File

@ -1,63 +0,0 @@
{% assign external_course_url = course.properties.external_course_url %}
<div class="np-top-cta-progress-content">
<div class="np-top-cta-progress-title np-text-title">
{% t .header %}
</div>
<div class="np-progress-bar-container">
<div
style="width: {{ course.progress }}%"
class="np-button-background-color np-card-progress-bar">
</div>
</div>
<div class="np-top-cta-progress-text
{% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
">
{% t shared.progress, count: course.progress %}
</div>
</div>
{% if external_course_url != '' and external_course_url != null %}
<a
class="np-top-button np-button-font-color np-button np-button-big"
href="{{external_course_url}}"
target="_blank"
>
{% if course.started? == false %}
{% t shared.course.start, key: current_school.course_vocabulary %}
{% elsif course.completed? %}
{% t shared.course.view, key: current_school.course_vocabulary %}
{% else %}
{% t shared.continue %}
{% endif %}
</a>
{% else %}
{% if course.learner_can_retake? %}
<form action="{% route course_retake, id: course.id %}" method="POST">
{% form_authenticity_token %}
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
{% t .retake, key: current_school.course_vocabulary %}
</button>
</form>
{% else %}
<a
class="np-top-button np-button-font-color np-button np-button-big"
{% if course.enrolled? %}
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
{% else %}
href="{% route course_enrollment, code: course.enrollment_code %}"
{% endif %}
>
{% if course.enrolled? == false %}
{% t shared.enroll %}
{% elsif course.started? == false %}
{% t shared.course.start, key: current_school.course_vocabulary %}
{% elsif course.completed? %}
{% t shared.course.view, key: current_school.course_vocabulary %}
{% else %}
{% t shared.continue %}
{% endif %}
</a>
{% endif %}
{% endif %}

View File

@ -1,25 +0,0 @@
<div class="homepage-resource-header catalog-header" style="margin-top: 50px; margin-bottom: 20px;">
All Learning
</div>
{%- comment -%} Catalog is not used in this school. The "catalog" is the set of unstarted enrolled courses shown at the homepage {%- endcomment -%}
<div class="np-catalog-courses" style="display: flex; flex-direction: row; flex-wrap: wrap;">
{% comment %} row row-with-thumbnails {% endcomment %}
{% for course in courses.enrolled %}
{% assign allCats = '' %}
{% for category in course.categories %}
{% assign allCats = allCats | append: category.name | append: ' || '%}
{% endfor %}
{%- comment -%} {% unless course.progress > 0 %}
{% endunless %} {%- endcomment -%}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content course-card-wrapper" data-product="{{ course.properties.product_names_for_course_cards}}" data-categories="{{ allCats }}">
{%- comment -%} {% include "cards_course" with course, flag: 'catalog' %} {%- endcomment -%}
{% if current_person.email contains '+preview' or current_person.email == 'kfelton@anthology.com'%}
{% include "cards_course_revamped" with course, flag: 'null' %}
{% else %}
{% include "cards_course" with course, flag: 'null' %}
{% endif %}
</div>
{% endfor %}
</div>

View File

@ -1,93 +0,0 @@
<div class="np-filter" tabindex="0">
<div class="dropdown">
<select
class="category-filter-dropdown np-input"
type="text"
name="category-filter-dropdown"
id="category-filter-dropdown"
onchange="filterByCategory()"
>
{% assign sorted_categories = current_school.filterable_categories | sort: "name" %}
<option class="category-filter-entry" value="Default" selected>All Categories</option>
{% for category in sorted_categories %}
{% assign renderCat = false %}
{% for course in courses.enrolled %}
{% for course_category in course.categories %}
{% if course_category.id == category.id %}
{% assign renderCat = true %}
{% endif %}
{% endfor %}
{% endfor %}
{% comment %} Need to iterate over all filterable categories, target all searched cards, check if cat exists, render if found {% endcomment %}
{% comment %} Need to generate category entires dynamically? Might not be possible because liquid is server side. Would need to pull all cats before load but all Searched Results after render {% endcomment %}
{%if renderCat %}
<option class="category-filter-entry" value="{{ category.name }}">{{ category.name }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
<script>
$('document').ready(function(){
let allCategoryFilters = document.querySelectorAll('.category-filter-entry');
let allSearchedResults = document.querySelectorAll('.course-card');
for(let i = 1; i < allCategoryFilters.length; i++){
let catFound = false;
for(let j = 0; j < allSearchedResults.length; j++){
if(allSearchedResults[j].dataset.categories.indexOf(allCategoryFilters[i].getAttribute('value')) > -1){
catFound = true;
}
}
if(!catFound){
// if(allCategoryFilters[i].textContent != 'All Categories'){
// allCategoryFilters[i].style.display = 'none';
// }
allCategoryFilters[i].style.display = 'none';
}
}
});
let filterByCategory = () => {
// console.log(event.target.value);
let allLearning = document.querySelector('.np-catalog-courses').children;
// console.log(allLearning);
for(let i = 0; i < allLearning.length; i++){
if(event.target.value == 'Default'){
// if(!allLearning[i].classList.contains('hidden-by-search')){
// allLearning[i].style.display = 'block';
// }
if(!allLearning[i].classList.contains('hidden-by-product')){
allLearning[i].style.display = 'block';
}
allLearning[i].classList.remove('filtered');
} else {
console.log(allLearning[i].dataset)
if(allLearning[i].dataset.categories.indexOf(event.target.value) == -1){
allLearning[i].style.display = 'none';
allLearning[i].classList.add('filtered');
} else {
// if(!allLearning[i].classList.contains('hidden-by-search')){
// allLearning[i].style.display = 'block';
// }
if(!allLearning[i].classList.contains('hidden-by-product')){
allLearning[i].style.display = 'block';
}
allLearning[i].classList.remove('filtered');
};
};
};
}
</script>

View File

@ -1,183 +0,0 @@
<div class="np-filter product-filter-container">
<div class="dropdown">
<select
class="product-filter-dropdown np-input"
type="text"
name="product-filter-dropdown"
id="product-filter-dropdown"
onchange="filterByProduct()"
>
<option class="product-filter-entry" value="Default" selected>All Products</option>
</select>
</div>
</div>
<script>
let allProductTypesHome = ['Anthology-Default'];
let allProductTypesDash = ['Anthology-Default'];
let productFilterEl = document.querySelector("#product-filter-dropdown");
{% for course in courses.enrolled %}
{% if course.progress == 0 or course.properties.most_popular == true %}
if('{{ course.properties.product_names_for_course_cards }}' != 'Anthology [Catch-all]'){
if(!allProductTypesHome.includes('{{ course.properties.product_names_for_course_cards }}')){
allProductTypesHome.push("{{ course.properties.product_names_for_course_cards }}");
}
}
{% endif %}
{% endfor %}
{% for course in courses.enrolled %}
{% unless course.progress == 0 %}
if('{{ course.properties.product_names_for_course_cards }}' != 'Anthology [Catch-all]'){
if(!allProductTypesDash.includes('{{ course.properties.product_names_for_course_cards }}')){
allProductTypesDash.push("{{ course.properties.product_names_for_course_cards }}");
}
}
{% endunless %}
{% endfor %}
allProductTypesHome = allProductTypesHome.sort();
allProductTypesDash = allProductTypesDash.sort();
{% if page == 'Homepage' or page == 'Search' %}
if(allProductTypesHome.length > 1){
allProductTypesHome.map((product) => {
if(product != 'Anthology-Default'){
if(product.indexOf('&amp;') > -1){
product = product.replaceAll('&amp;', '&');
}
let productOption = document.createElement('option');
productOption.classList.add('product-filter-entry');
productOption.setAttribute('value', product);
//productionOption.setAttribute('href', `/search/23777883-6b85-449d-8d25-2e548c6e9ecc?q=${product}`);
productOption.innerHTML = `${product}`;
productFilterEl.appendChild(productOption);
}
})
} else {
productFilterEl.style.display = 'none';
}
let filterByProduct = () => {
let allLearning = document.querySelector('.np-catalog-courses').children;
for(let i = 0; i < allLearning.length; i++){
if(event.target.value == 'Default'){
// if(!allLearning[i].classList.contains('hidden-by-search')){
// allLearning[i].style.display = 'block';
// }
allLearning[i].style.display = 'block';
allLearning[i].classList.remove('hidden-by-product');
allLearning[i].classList.remove('filtered');
} else {
if(allLearning[i].dataset.product != event.target.value){
allLearning[i].style.display = 'none';
allLearning[i].classList. add('hidden-by-product');
allLearning[i].classList.add('filtered');
} else {
// if(!allLearning[i].classList.contains('hidden-by-search')){
// allLearning[i].style.display = 'block';
// }
allLearning[i].style.display = 'block';
allLearning[i].classList.remove('hidden-by-product');
allLearning[i].classList.remove('filtered');
};
};
console.log($("#product-filter-dropdown > option:selected").text());
let allCategoryFiltersProduct = document.querySelectorAll('.category-filter-entry');
let allSearchedResultsProduct = document.querySelectorAll('.course-card');
for(let i = 1; i < allCategoryFiltersProduct.length; i++){
allCategoryFiltersProduct[i].style.display = 'block';
}
for(let i = 1; i < allCategoryFiltersProduct.length; i++){
let catFound = false;
for(let j = 0; j < allSearchedResultsProduct.length; j++){
if(allSearchedResultsProduct[j].dataset.categories.indexOf(allCategoryFiltersProduct[i].getAttribute('value')) > -1){
if(allSearchedResultsProduct[j].style.display == 'block'){
catFound = true;
}
}
}
if(!catFound){
allCategoryFiltersProduct[i].style.display = 'none';
} else {
allCategoryFiltersProduct[i].style.display = 'block';
}
$('#category-filter-dropdown > option:nth-child(1)').attr('selected', true);
// Last step is to return cat dropdown to always be all cats on product selection
// This will prevent cats that shouldnt be present from remaining selected
// $('#category-filter-dropdown > option:nth-child(1)').text('All Categories');
$('#category-filter-dropdown').val('Default');
}
};
}
{% elsif page == 'Dashboard' %}
if(allProductTypesDash.length > 1){
allProductTypesDash.map((product) => {
if(product != 'Anthology-Default'){
if(product.indexOf('&amp;') > -1){
product = product.replace('&amp;', '&');
}
let productOption = document.createElement('option');
productOption.classList.add('product-filter-entry');
productOption.setAttribute('value', product)
productOption.innerHTML = `${product}`;
productFilterEl.appendChild(productOption);
}
})
} else {
productFilterEl.style.display = 'none';
document.querySelector('.view-swapper-container').style.marginBottom = '0';
}
let filterByProduct = () => {
let inProgressCourses = document.querySelector('.courses-in-prog').children;
let completedCourses = document.querySelector('.courses-completed').children;
for(let i = 0; i < inProgressCourses.length; i++){
if(event.target.value == 'Default'){
inProgressCourses[i].style.display = 'block';
} else {
if(inProgressCourses[i].dataset.product != event.target.value){
inProgressCourses[i].style.display = 'none';
} else {
inProgressCourses[i].style.display = 'block';
}
}
}
for(let i = 0; i < completedCourses.length; i++){
if(event.target.value == 'Default'){
completedCourses[i].style.display = 'block';
} else {
if(completedCourses[i].dataset.product != event.target.value){
completedCourses[i].style.display = 'none';
} else {
completedCourses[i].style.display = 'block';
}
}
}
}
{% endif %}
</script>
<style>
.filtered{
display: none !important;
}
</style>

View File

@ -1,503 +0,0 @@
<div class="info-form" id="dialog_Q6szN">
<section class="info-form-container">
<div class="info-form-content">
<div class="modal-intro">
<div class="header">Tell Us More!</div>
<p>Providing more information about yourself can unlock more relevent content</p>
</div>
{%- comment -%} <div class="input-wrapper">
<label for="learner-name">Name</label>
<input type="text" name="learner-name" value="" />
</div>
<div class="input-wrapper">
<label for="learner-email">Email Address</label>
<input type="text" name="learner-email" value="" />
</div> {%- endcomment -%}
<div class="input-wrapper">
<label for="learner-title">Title</label>
<input type="text" name="learner-title" value="" />
</div>
<div class="input-wrapper">
<label for="role"><span class="required">*</span>What brought you to Anthology Academy?</label>
<select name="primary-role">
<option value="" selected>Select</option>
<option value="Product Expert">Id like to become an expert user of my Anthology product(s).</option>
<option value="Product Implementation">I am implementing a new Anthology product.</option>
{%- comment -%} <option value="Parent">Parent</option> {%- endcomment -%}
<option value="Professional Development">Im seeking professional development for higher ed faculty and staff.</option>
<option value="Reference">I was directed to this site by someone on my campus.</option>
<option value="Blackboard Learner">I am a Blackboard Academy user and am here to explore.</option>
<option value="Anthology Academy User">I am an Anthology Academy user, ready to check out the new site.</option>
<option value="Other">Other</option>
</select>
<div class="input-wrapper" style="display:none;" id="primaryRoleOther">
<label for="primary-role-other">If other, please specify</label>
<input type="text" name="primary-role-other" value="" />
</div>
</div>
<div class="input-wrapper">
<input type="checkbox" id="privacy" name="privacy" value="yes">
<label class="checkbox" for="privacy">Please confirm that you have read and agree to Anthology's <a href="{{current_school.terms_of_service_url}}" target="_blank">Terms of Service.</a></label>
</div>
<div class="input-wrapper">
<input type="checkbox" id="consent" name="consent" value="yes">
<label class="checkbox" for="consent">Please confirm that you have read and agree to Anthology's <a href="https://www.anthology.com/trust-center/privacy-statement" target="_blank">Privacy Policy.</a></label>
</div>
<button class="np-button disabled" id="updateInfoBtn">Update</button>
</div>
</section>
</div>
<script>
let unlockButton = () => {
let privacyCheckboxField = $("input[name='privacy']");
let consentCheckboxField = $("input[name='consent']");
if(privacyCheckboxField[0].checked && consentCheckboxField[0].checked){
$("#updateInfoBtn").removeClass('disabled');
} else {
$("#updateInfoBtn").addClass('disabled');
}
}
$("input[name='privacy']").change(function(){
unlockButton();
})
$("input[name='consent']").change(function(){
unlockButton();
})
$("#updateInfoBtn").click(function(e) {
e.preventDefault()
validateForm()
})
$("select[name='primary-role']").change(function() {
if ($(this).val() == "Other") {
$("#primaryRoleOther").show()
} else {
$("#primaryRoleOther").hide()
$("#primaryRoleOther").find("input").val('')
}
})
function validateForm() {
let allDataValidated = false;
//Final user data
let userData = {
learner_uuid: '{{current_person.id}}',
learner_name: '{{current_person.first_name}} {{current_person.last_name}}',
learner_email: '{{current_person.email}}',
learner_title: '',
primaryRole: '',
primaryRoleOther: '',
}
// get all form values
//let learnerName = $("input[name='learner-name']").val();
//let learnerEmail = $("input[name='learner-email']").val();
let learnerTitle = $("input[name='learner-title']").val();
let primaryRoleField = $("select[name='primary-role']").val();
let primaryRoleOtherField = $("input[name='primary-role-other']").val();
let privacyCheckboxField = $("input[name='privacy']");
let consentCheckboxField = $("input[name='consent']");
//learnerName == "" ? "" : userData.learner_name = learnerName;
//learnerEmail == "" ? "" : userData.learner_email = learnerEmail;
learnerTitle == "" ? "" : userData.learner_title = learnerTitle;
primaryRoleField == "" ? "" : userData.primaryRole = primaryRoleField;
if (primaryRoleField == "Other") {
primaryRoleOtherField == "" ? "" : userData.primaryRoleOther = primaryRoleOtherField
};
privacyCheckboxField[0].checked ? userData.privacyCheckbox = true : userData.privacyCheckbox = false;
consentCheckboxField[0].checked ? userData.consentCheckbox = true : userData.consentCheckbox = false;
console.log(userData)
let formHasErrors = false
//if(!learnerName){
// $("input[name='learner-name']").addClass('err')
// formHasErrors = true
//}
//if(!learnerEmail){
// $("input[name='learner-email']").addClass('err')
// formHasErrors = true
//}
if(!learnerTitle){
$("input[name='learner-title']").addClass('err')
formHasErrors = true
}
if (!primaryRoleField) {
$("select[name='primary-role']").addClass('err')
formHasErrors = true
} else {
$("select[name='primary-role']").removeClass('err')
if (primaryRoleField == "Other") {
if (!primaryRoleOtherField) {
$("input[name='primary-role-other']").addClass('err')
formHasErrors = true
} else {
$("input[name='primary-role-other']").removeClass('err')
}
}
}
if (formHasErrors) {
console.log("has errors")
} else {
console.log("submit form info")
formHasErrors = false
submitValidatedDataToLocalStorage(userData)
submitValidatedDataToWorkato(userData)
}
}
function submitValidatedDataToLocalStorage(data) {
console.log("submitting user data to local storage")
// Save entered data as individual variables in local storage for later use
//localStorage.setItem("learnerDiocese", data.diocese);
//localStorage.setItem("learnerGuardianEmail", data.guardianEmail);
//localStorage.setItem("learnerGroups", data.northpassGroups);
//localStorage.setItem("learnerAge", data.overEighteen);
//localStorage.setItem("learnerName", data.learner_name);
//localStorage.setItem("learnerEmail", data.learner_email);
localStorage.setItem("learnerTitle", data.learner_title);
localStorage.setItem("learnerPrimaryRole", data.primaryRole);
localStorage.setItem("learnerPrimaryRoleOther", data.primaryRoleOther);
//localStorage.setItem("learnerSecondaryRoles", data.secondaryRoles);
//localStorage.setItem("learnerStudentsTaughtCount", data.studentsTaughtCount);
//localStorage.setItem("learnerWorkplace", data.workplace);
// Set isValidated value in local storage to true
localStorage.setItem("learnerCompletedAdditionalInfo", "true");
}
function submitValidatedDataToWorkato(data) {
console.log("submitting user data to Workato")
console.log(data);
//const secondaryInfoStored = localStorage.getItem("learnerCompletedAdditionalInfo")
$('#updateInfoBtn').prop("disabled",true);
$('#updateInfoBtn').addClass('submitting')
$('.loader').show()
$('#updateInfoBtn span').text('Completing Registration')
$.ajax({
url: "https://webhooks.workato.com/webhooks/rest/604b4fc0-fcd9-4f3b-b715-b42d7f740ba6/additional-info-form-submitted",
data: JSON.stringify(data),
method: 'POST',
success: function(res){
console.log(res)
window.location.replace('/app/dashboard');
},
error: function (xhr, status, error) {
//console.error("Error posting to workato!");
//if (secondaryInfoStored == "true") {
//console.log("secondary information completed and stored in local storage")
//setTimeout(function() {
// document.querySelector(".info-form-trigger").click()
//}, 1000)
//}
}
});
}
</script>
<style>
.info-form {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 900;
display: flex;
padding: 1em;
/*background-color: rgba(0,0,0,.75);
pointer-events: none; */
transition: .25s ease-out;
overflow: scroll;
max-width: 900px;
margin: auto;
}
.disabled{
background: #808080;
pointer-events: none;
}
.disabled:hover{
background: #808080;
}
.err {
border: 2px solid red!important;
}
.radio-err {
outline: 2px solid red;
}
.info-form-trigger {
color: #015893;
opacity:0;
}
.info-form-trigger:hover,
.info-form-trigger:focus {
text-decoration: none;
}
.info-form.is-active {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.info-form-container {
width: 100%;
margin: auto;
transform: translateY(-1em) scale(.95);
background-color: white;
transition: transform .25s ease-out;
}
.info-form.is-active .info-form-container {
transform: translateY(0) scale(1);
}
.info-form-header,
.info-form-content,
.info-form-footer {
padding: 16px;
}
.info-form-footer {
background-color: whitesmoke;
text-align: right;
}
.info-form-footer button {
display: inline-block;
padding: .25em .5em;
border: none;
background-color: #015893;
color: white;
}
.info-form-footer button:hover,
.info-form-footer button:focus {
background-color: white ;
color: #fff;
}
.modal-intro {
text-align:center;
margin:12px 32px 32px;
}
.modal-intro .header {
font-size:26px;
font-weight:700;
}
.info-form-content {
max-height: 90vh;
overflow: scroll;
}
.info-form-content .input-wrapper {
margin-bottom: 16px;
}
.info-form-content .input-wrapper label,
.info-form-content .input-wrapper p {
display: block;
margin-bottom: 6px;
font-size: 14px;
color:#264c6f;
font-weight: 500;
}
.info-form-content .input-wrapper label.checkbox {
display: inline;
}
.info-form-content .input-wrapper input[type='text'],
.info-form-content .input-wrapper input[type='number'],
.info-form-content .input-wrapper select {
width:100%;
background-color: hsla(0,0%,40%,.05);
border: 1px solid #264c6f;
border-radius: 6px;
padding: 14px 18px;
}
.info-form-content .input-wrapper select {
cursor:pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3C/svg%3E");
background-position: 98% 50%;
background-size: 15px;
background-repeat: no-repeat;
}
.info-form-content .input-wrapper select:after {
content: "";
position: absolute;
right: 14px;
top: calc(50% - 6px);
display: inline-block;
border-right: 2px solid black;
border-bottom: 2px solid black;
width: 8px;
height: 8px;
transform: rotate(45deg) translateY(calc(-50% + 5px));
}
.info-form-content .input-wrapper select:focus {
-webkit-box-shadow: inset 0 0 0 2px #264c6f;
box-shadow: inset 0 0 0 1px #264c6f;
border-color: #264c6f;
}
#addAdditionalRole {
margin-bottom: 18px;
cursor: pointer;
font-size: 14px;
font-weight: 700;
}
fieldset {
padding:16px;
display: flex;
flex-wrap: wrap;
}
legend {
font-size: 14px;
padding: 0 8px;
}
.checkbox-wrapper {
display:flex;
align-items:center;
margin-bottom:8px;
width:50%;
}
.checkbox-wrapper label {
margin:0 0 0 8px!important;
}
.diocese-dropdown-btn {
cursor: pointer;
width: 100%;
text-align: left;
position:relative;
background-color: hsla(0,0%,40%,.05);
border: 1px solid #264c6f;
border-radius: 6px;
padding: 16px 18px;
}
.diocese-dropdown-btn:after {
content: "";
position: absolute;
right: 14px;
top: calc(50% - 6px);
display: inline-block;
border-right: 2px solid black;
border-bottom: 2px solid black;
width: 8px;
height: 8px;
transform: rotate(45deg) translateY(calc(-50% + 5px));
}
.diocese-dropdown.dropdown-open .diocese-dropdown-btn:after {
transform: rotate(-135deg) translateY(-50%);
}
/* The search field */
#dioceseInput {
box-sizing: border-box;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490.4 490.4' style='enable-background:new 0 0 490.4 490.4;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M484.1,454.796l-110.5-110.6c29.8-36.3,47.6-82.8,47.6-133.4c0-116.3-94.3-210.6-210.6-210.6S0,94.496,0,210.796 s94.3,210.6,210.6,210.6c50.8,0,97.4-18,133.8-48l110.5,110.5c12.9,11.8,25,4.2,29.2,0C492.5,475.596,492.5,463.096,484.1,454.796z M41.1,210.796c0-93.6,75.9-169.5,169.5-169.5s169.6,75.9,169.6,169.5s-75.9,169.5-169.5,169.5S41.1,304.396,41.1,210.796z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
background-position: 12px 50%;
background-repeat: no-repeat;
background-size: 16px auto;
background-repeat: no-repeat;
font-size: 16px;
padding: 14px 20px 12px 45px;
border: none;
border-bottom: 1px solid #ddd;
width:100%;
}
#dioceseInput:focus {outline: 3px solid #c9c2bc;}
.diocese-dropdown {
position: relative;
display: inline-block;
width:100%;
}
/* Dropdown Content (Hidden by Default) */
.diocese-dropdown-content {
display: none;
position: absolute;
background-color: #f6f6f6;
min-width: 230px;
border: 1px solid #ddd;
z-index: 1;
width:100%;
max-height: 250px;
overflow: scroll;
}
.diocese-dropdown-content .diocese-item {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.diocese-dropdown-content .diocese-item:hover {background-color: #f1f1f1}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.dropdown-show {display:block;}
#updateInfoBtn.submitting {
background-color:#63666a;
cursor:text;
}
@media (min-width:768px) {
.info-form-header,
.info-form-content,
.info-form-footer {
padding: 32px 64px;
}
.info-form-content .input-wrapper {
margin-bottom: 22px;
}
}
</style>

View File

@ -1,292 +0,0 @@
<div class="np-grid-spacing col-xs-12 col-sm-5 col-md-4 col-lg-3 profile-card-container">
<div class="profile-card-wrapper">
<div class="profile-card">
<div class="profile-bio">
<img
alt="{{ current_person.name }}"
class="np-header-avatar-image"
src="{{ current_person.avatar_url }}"
style="
height: 102px;
margin-bottom: 23px;
width: 102px;"
/>
{%- comment -%} <div class="profile-bio-header">
Account Details
</div> {%- endcomment -%}
<span class="profile-bio-name">{{ current_person.first_name }} {{current_person.last_name}}</span>
<span class="profile-bio-email">{{ current_person.email }}</span>
{% unless current_school.sso_active? %}
<a
class="profile-bio-account-settings-button"
href="{% route account %}"
>
Edit Profile
</a>
{% endunless %}
</div>
</div>
</div>
<div class="product-subscriptions-card-wrapper">
<div class="product-subscriptions-card">
{% assign sub_levels_length = current_person.properties.subscription_levels | size %}
{% if sub_levels_length > 0 %}
<div class="product-subscriptions-container">
<div class="product-subscriptions-banner">
<span class="subscription-name" style="border: none;">
Product Subscriptions
</span>
{%- comment -%} <span class="subscription-level">
PLAN
</span> {%- endcomment -%}
</div>
<ul class="product-subscriptions">
{% assign subscription_levels = current_person.properties.subscription_levels | split: "," %}
{% assign essentials_found_flag = false %}
{% for subscription_level in subscription_levels %}
{% assign name_level_pair = subscription_level | split: ":"%}
{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
{% if product_sub_level contains 'Essential' %}
{% assign essentials_found_flag = true %}
{% endif %}
{% endfor %}
{% if essentials_found_flag %}
<div class="product-subscription-level-header">
Essential
</div>
<div style="background: #795CA0; height: 3px; margin: 5px; width: 20px;"></div>
{% endif %}
{% for subscription_level in subscription_levels %}
{% assign name_level_pair = subscription_level | split: ":"%}
{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
{% if product_sub_level contains 'Essential' %}
{% include "profile_logo_calculator", product: name_level_pair[0] %}
{%- comment -%} <li class="product-subscription">
<span class="subscription-name">
{{ name_level_pair[0] }}
</span>
<span class="subscription-level">
{{ name_level_pair[1] }}
</span>
{% if '{{name_level_pair[1]}}' == 'ESS' %}
Essential
{% elsif '{{name_level_pair[1]}}' == 'ENH' %}
Enhanced
{% elsif '{{name_level_pair[1]}}' == 'ENH+' %}
Enhanced Plus
{% endif %}
</li> {%- endcomment -%}
{% endif %}
{% endfor %}
{% assign enhanced_found_flag = false %}
{% for subscription_level in subscription_levels %}
{% assign name_level_pair = subscription_level | split: ":"%}
{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
{% if product_sub_level contains 'Enhanced' %}
{% unless product_sub_level contains 'Enhanced+' %}
{% assign enhanced_found_flag = true %}
{% endunless %}
{% endif %}
{% endfor %}
{% if enhanced_found_flag %}
<div class="product-subscription-level-header" style="margin-top: 20px;">
Enhanced
</div>
<div style="background: #49A9E1; height: 3px; margin: 5px; width: 20px;"></div>
{% endif %}
{% for subscription_level in subscription_levels %}
{% assign name_level_pair = subscription_level | split: ":"%}
{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
{% if product_sub_level contains 'Enhanced' %}
{% unless product_sub_level contains 'Enhanced+' %}
{% include "profile_logo_calculator", product: name_level_pair[0] %}
{% comment %} <li class="product-subscription">
</li> {% endcomment %}
{% endunless %}
{% endif %}
{% endfor %}
{% assign enhanced_plus_found_flag = false %}
{% for subscription_level in subscription_levels %}
{% assign name_level_pair = subscription_level | split: ":"%}
{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
{% if product_sub_level contains 'Enhanced+' %}
{% assign enhanced_plus_found_flag = true %}
{% endif %}
{% endfor %}
{% if enhanced_plus_found_flag %}
<div class="product-subscription-level-header" style="margin-top: 20px;">
Enhanced Plus
</div>
<div style="background: #E26B37; height: 3px; margin: 5px; width: 20px;"></div>
{% endif %}
{% for subscription_level in subscription_levels %}
{% assign name_level_pair = subscription_level | split: ":"%}
{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
{% if product_sub_level contains 'Enhanced+' %}
{% include "profile_logo_calculator", product: name_level_pair[0] %}
{% comment %} <li class="product-subscription">
</li> {% endcomment %}
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
</div>
<style>
.profile-card-container{
margin-bottom: 45px;
}
/* .profile-card-wrapper{
background: #AA7FB8;
border: 1px solid #EFEFEF;
padding-top: 14px;
} */
.profile-card{
background: #FFF;
border: 1px solid #f2f4f5;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
margin-bottom: 25px;
/* padding: 12px;
padding-bottom: 32px; */
padding: 45px 0;
width: 100%;
}
.profile-bio{
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.profile-bio-header{
border-bottom: 1px solid #D9D9D9;
font-size: 18px;
font-weight: 700;
line-height: 25px;
margin-bottom: 12px;
padding-bottom: 8px;
text-align: center;
width: 75%;
}
.profile-bio-name,
.profile-bio-email{
line-height: 25px;
text-align: center;
}
.profile-bio-name{
font-size: 18px;
font-weight: 600;
margin-bottom: 12px;
}
.profile-bio-email{
font-size: 16px;
font-weight: 400;
margin-bottom: 35px;
}
.profile-bio-account-settings-button{
background-color: #aa7fb8;
border-radius: 25px;
color: #FFF;
font-weight: 400;
line-height: 1;
margin: 20px 30px;
padding: 12px 18px 12px;
position: relative;
text-align: center;
text-decoration: none;
transition: .3s ease all;
}
.product-subscriptions-card{
border: 1px solid #f2f4f5;
box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.product-subscriptions-banner{
align-items: center;
/* background: #EAEAEA; */
border-bottom: 1px solid #f2f4f5;
display: flex;
/* font-size: 14px;
font-weight: 400; */
font-size: 16px;
font-weight: 600;
height: 55px;
justify-content: center;
/* line-height: 25px; */
}
.product-subscriptions{
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0;
}
.product-subscription-level-header{
color: #595959;
font-size: 1em;
/* margin-bottom: 10px; */
}
.product-subscription{
align-items: center;
display: flex;
flex-direction: row;
height: 35px;
justify-content: space-between;
}
.subscription-name{
/* align-items: center;
border-right: 2px solid #EAEAEA;
display: flex;
height: 25px; */
margin: 3px 0;
}
.profile-card-product-logo{
height: 1.25em;
}
/* .subscription-level{
align-items: center;
display: flex;
height: 100%;
padding-left: 10px;
width: 30%;
} */
@media screen and (min-width: 768px){
.profile-card-container{
padding: 0;
padding-right: 3%;
}
}
</style>

View File

@ -1,120 +0,0 @@
{% assign product_name = product %}
{% if product_name contains 'Reach' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Reach.svg' %}
{% assign product_query = 'Reach' %}
{% elsif product_name contains 'Radius' %}
{% assign product_logo = 'blank' %}
{% assign product_query = 'Radius' %}
{% elsif product_name contains 'Engage' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Engage.svg' %}
{% assign product_query = 'Engage' %}
{% elsif product_name contains 'Beacon' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Beacon.svg' %}
{% assign product_query = 'Beacon' %}
{% elsif product_name contains 'Milestone' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Milestone.svg' %}
{% assign product_query = 'Milestone' %}
{% elsif product_name contains 'Occupation Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Occupation+Insight.svg' %}
{% assign product_query = 'Occupation Insight' %}
{% elsif product_name contains 'Raise' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Raise.svg' %}
{% assign product_query = 'Raise' %}
{% elsif product_name contains 'Digital Assistant' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Digital+Assistant.svg' %}
{% assign product_query = 'Digital Assistant' %}
{% elsif product_name contains 'Baseline' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Baseline.svg' %}
{% assign product_query = 'Baseline' %}
{% elsif product_name contains 'Encompass' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Encompass.svg' %}
{% assign product_query = 'Encompass' %}
{% elsif product_name contains 'Talisma' %}
{% assign product_logo = 'blank' %}
{% assign product_query = 'Talisma' %}
{% elsif product_name contains 'Student' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Student.svg' %}
{% assign product_query = 'Student' %}
{% elsif product_name contains 'CVue' %}
{% assign product_logo = 'blank' %}
{% assign product_query = 'CVue' %}
{% elsif product_name contains 'Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Insight.svg' %}
{% assign product_query = 'Insight' %}
{% elsif product_name contains 'Finance & HCM' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Finance+%26+HCM.svg' %}
{% assign product_query = 'Finance & HCM' %}
{% elsif product_name contains 'Payroll' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Payroll.svg' %}
{% assign product_query = 'Payroll' %}
{% elsif product_name contains 'Academic Economics' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Academic+Economics.svg' %}
{% assign product_query = 'Academic Economics' %}
{% elsif product_name contains 'Blackboard Learn' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/BBLearn.svg' %}
{% assign product_query = 'Blackboard Learn' %}
{% elsif product_name contains 'Ally' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Ally.svg' %}
{% assign product_query = 'Ally' %}
{% elsif product_name contains 'Course Evaluations' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Course+Evaluations.svg' %}
{% assign product_query = 'Course Evaluations' %}
{%- comment -%} NEED DIFF IMG FORMAT FOR THIS ONE {%- endcomment -%}
{% elsif product_name contains 'Evaluate' %}
{% assign product_logo = 'blank' %}
{% assign product_query = 'Evaluate' %}
{% elsif product_name contains 'Portfolio' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Portfolio.svg' %}
{% assign product_query = 'Portfolio' %}
{% elsif product_name contains 'Program Review' %}
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Program+Review.svg' %}
{% assign product_query = 'Program Review' %}
{% elsif product_name contains 'Planning' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Planning.svg' %}
{% assign product_query = 'Planning' %}
{% elsif product_name contains 'Accreditation' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Accreditation.svg' %}
{% assign product_query = 'Accreditation' %}
{% elsif product_name contains '101' %}
{% assign product_logo = 'blank' %}
{% assign product_query = '101' %}
{% elsif product_name contains 'Academy Use & Navigation' %}
{% assign product_logo = 'blank' %}
{% assign product_query = 'Academy Use & Navigation' %}
{% elsif product_name contains 'Data Strategy' %}
{% assign product_logo = 'blank' %}
{% assign product_query = 'Data Strategy' %}
{% elsif product_name contains 'Faculty Development' %}
{% assign product_logo = 'blank' %}
{% assign product_query = 'Faculty Development' %}
{% elsif product_name contains 'Power BI' %}
{% assign product_logo = 'blank' %}
{% assign product_query = 'Power BI' %}
{% elsif product_name contains 'Professional Development' %}
{% assign product_logo = 'blank' %}
{% assign product_query = 'Professional Development' %}
{% else %}
{% assign product_logo = 'blank' %}
{% assign product_query = 'blank' %}
{% endif %}
{% comment %} {% if product_logo contains 'blank' %}
<span class="subscription-name">
{{ product_name }}
</span>
{% else %}
<span class="subscription-name" data-profile-product="{{ product_name }}">
<img src='{{ product_logo }}' alt="{{ product_name }}" class='profile-card-product-logo'/>
</span>
{% endif %} {% endcomment %}
{% unless product_logo contains 'blank' %}
<li class="product-subscription">
<span class="subscription-name" data-profile-product="{{ product_name }}">
<a href="/app/search/00000000-0000-0000-0000-000000000000?q={{ product_query }}">
<img src='{{ product_logo }}' alt="{{ product_name }}" class='profile-card-product-logo'/>
</a>
</span>
</li>
{% endunless %}

View File

@ -1,29 +0,0 @@
{% comment %} <nav class="np-sub-navigation">
<div class="np-sub-navigation-content">
{% for link in navigations.sub_navigation %}
{% unless link.label == 'Catalog' or link.label == 'Learning Paths' %}
<div class="np-sub-navigation-content-item {{ link.active_class }}">
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
{{ link.label }}
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
{% endunless %}
{% endfor %}
</div>
</nav> {% endcomment %}
<nav class="np-sub-navigation custom-home-subnav" style="background: rgba(68, 68, 68, 1); margin: 0; padding: 15px 15px 0;">
<div class="np-sub-navigation-content" style="align-items: center;">
{% for link in navigations.sub_navigation %}
{% unless link.label == 'Catalog' or link.label == 'Learning Paths' %}
<div class="np-sub-navigation-content-item {{ link.active_class }}">
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}" style="color: #FFF; height: 36px;">
{{ link.label }}
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color" style="background: #FFF; margin-top: -4px"></div>
</div>
{% endunless %}
{% endfor %}
</div>
</nav>

View File

@ -1,277 +0,0 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
{% comment %} {% if current_person.email contains '+preview' or current_person.email == 'kfelton@anthology.com'%}
{% assign sub_levels_length = current_person.properties.subscription_levels | size %}
{% if sub_levels_length > 0 %}
{% include "product_bar" %}
{% endif %}
{% endif %} {% endcomment %}
<main class="np-main np-dashboard np-subpage-container np-max-width">
<div class="row np-flex-center">
{% include "profile_card" %}
<div class="col-xs-12 col-sm-7 col-md-8 col-lg-9 dashboard-learning-content">
<div class="dashboard-main-title">
Dashboard
</div>
<div class="dashboard-subtitle">
Track Progress and Continue Learning
</div>
<div class='dashboard-control-panel' style="
">
{%- comment -%} =============== THIS IS WHERE THE SWAPPER WILL LIVE =============== {%- endcomment -%}
<div class="view-swapper-container">
<div id="dashboard-view-button" class="view-swapper-button view-swapper-button-active" onclick="swapView()">
Resources
</div>
<div id="events-view-button" class="view-swapper-button" onclick="swapView()">
Live Events
</div>
{% assign completedCourseFound = false %}
{% if courses.enrolled.any? %}
{% for course in courses.enrolled %}
{% if course.progress == 100 %}
{% assign completedCourseFound = true %}
{% endif %}
{% endfor %}
{% endif %}
{% if completedCourseFound %}
<div id="completed-view-button" class="view-swapper-button" onclick="swapView()">
Completed
</div>
{% endif %}
</div>
{%- comment -%} =============== THIS IS WHERE THE PRODUCT FILTER WILL LIVE =============== {%- endcomment -%}
<div class="filter-buttons-container">
<div class="dashboard-filter-label">Filter By: </div>
{% include "filter_by_product", page: 'Dashboard' %}
</div>
</div>
<div id="dashboard-resources-pane">
<div class="np-dashboard-resources-title">
Your Resources
</div>
{% assign ipCourseFound = false %}
{% if courses.enrolled.any? %}
{% for course in courses.enrolled %}
{% if course.progress > 0 and course.progress < 100 %}
{% assign ipCourseFound = true %}
{% endif %}
{% endfor %}
{% endif %}
{% if ipCourseFound %}
{% include "courses_index_in_prog", outerClass: "dashboard-courses-index" %}
{% endif %}
{%- comment -%} {% if courses.enrolled.any? %}
{% include "courses_index", outerClass: "dashboard-courses-index" %}
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %} {%- endcomment -%}
</div>
<div id="dashboard-events-pane">
{% include "training_events_index" %}
</div>
<div id="dashboard-completed-pane">
{% assign completedCourseFound = false %}
{% if courses.enrolled.any? %}
{% for course in courses.enrolled %}
{% if course.progress == 100 %}
{% assign completedCourseFound = true %}
{% endif %}
{% endfor %}
{% endif %}
{% if completedCourseFound %}
{% include "courses_index_completed", outerClass: "dashboard-courses-index" %}
{% endif %}
</div>
</div>
</div>
</main>
{% include "footer" %}
<script>
let swapView = () => {
console.log(event.target.classList);
if(!event.target.classList.contains('view-swapper-button-active')){
if(event.target.id == 'dashboard-view-button'){
document.getElementById('events-view-button').classList.remove('view-swapper-button-active');
if(document.getElementById('completed-view-button')){
document.getElementById('completed-view-button').classList.remove('view-swapper-button-active');
}
event.target.classList.add('view-swapper-button-active');
document.getElementById('dashboard-events-pane').style.display = 'none';
document.getElementById('dashboard-completed-pane').style.display = 'none';
document.getElementById('dashboard-resources-pane').style.display = 'block';
} else if(event.target.id == 'events-view-button'){
document.getElementById('dashboard-view-button').classList.remove('view-swapper-button-active');
if(document.getElementById('completed-view-button')){
document.getElementById('completed-view-button').classList.remove('view-swapper-button-active');
}
event.target.classList.add('view-swapper-button-active');
document.getElementById('dashboard-resources-pane').style.display = 'none';
document.getElementById('dashboard-completed-pane').style.display = 'none';
document.getElementById('dashboard-events-pane').style.display = 'block';
} else if(event.target.id == 'completed-view-button'){
document.getElementById('dashboard-view-button').classList.remove('view-swapper-button-active');
document.getElementById('events-view-button').classList.remove('view-swapper-button-active');
event.target.classList.add('view-swapper-button-active');
document.getElementById('dashboard-resources-pane').style.display = 'none';
document.getElementById('dashboard-events-pane').style.display = 'none';
document.getElementById('dashboard-completed-pane').style.display = 'block';
}
}
}
</script>
{%- comment -%} {% assign swapper_spacer = 0 %}
{% for course in courses.enrolled %}
{% unless course.progress == 0 %}
{% assign swapper_spacer = 1 %}
{% endunless %}
{% endfor %} {%- endcomment -%}
<style>
.dashboard-main-title{
color: #0a0a0a;
font-size: 2em;
font-weight: 900;
line-height: 2.375REM;
margin-bottom: 12px;
}
.dashboard-subtitle{
color: #595959;
font-size: 1.25rem;
font-weight: 400;
margin-bottom: 24px;
}
.np-dashboard-resources-title{
color: #000000;
font-size: 1.5em;
font-weight: 600;
line-height: 25px;
margin-bottom: 25px;
text-transform: none;
}
.dashboard-control-panel{
align-items: center;
border-bottom: 1px solid #F2F4F5;
display: flex;
flex-direction: column-reverse;
justify-content: center;
margin-top: 24px;
margin-bottom: 30px;
}
.view-swapper-container{
display: flex;
flex-direction: row;
height: 40px;
justify-content: flex-start;
width: 100%;
}
.view-swapper-button{
align-items: center;
color: #595959;
display: flex;
font-size: 15px;
font-weight: 400;
justify-content: center;
text-align: center;
width: 125px;
}
.view-swapper-button-active{
background: #f2f4f5;
color: #000;
font-weight: 600;
/* border-bottom: 2px solid #000000; */
margin-bottom: -1px;
}
.view-swapper-button:hover{
cursor: pointer;
}
.filter-buttons-container{
display: flex;
flex-direction: row;
margin-bottom: 20px;
}
.dashboard-filter-label{
color: #595959;
font-size: 1em;
font-weight: 700;
padding-right: 10px;
}
#dashboard-events-pane,
#dashboard-completed-pane{
display: none;
}
.product-filter-container{
margin: 0;
}
@media screen and (min-width: 768px){
.np-dashboard{
padding: 70px 24px;
}
.dashboard-main-title{
margin-bottom: 16px;
}
.dashboard-control-panel{
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.view-swapper-container{
margin-bottom: -38px;
width: unset;
}
.dashboard-learning-content{
margin: 0;
padding: 0;
}
.dashboard-courses-index{
margin: 0;
margin-left: -10px;
}
}
</style>
{%- comment -%} {% if swapper_spacer == 0 %}
<style>
.view-swapper-container{
margin-bottom: 0 !important;
}
</style>
{% endif %} {%- endcomment -%}

View File

@ -1,354 +0,0 @@
<script>
function showPopup() {
setTimeout(function() {
console.log("show popup")
document.querySelector(".info-form-trigger").click()
}, 3000)
}
function rerunAdditionalLearnerInfoWorkflow(data) {
console.log("re-running workflow with local storage data: ", data)
$.ajax({
url: "https://webhooks.workato.com/webhooks/rest/604b4fc0-fcd9-4f3b-b715-b42d7f740ba6/additional-info-form-submitted",
data: JSON.stringify(data),
method: 'POST',
success: function(res){
console.log(res)
window.location.replace('/app/dashboard');
},
error: function (xhr, status, error) {
console.error("Error posting to workato!");
if (secondaryInfoStored == "true") {
console.log("secondary information completed and stored in local storage")
setTimeout(function() {
document.querySelector(".info-form-trigger").click()
}, 1000)
}
}
});
}
</script>
{% include "header" %}
<div class="mobile-subnav">
{% include "sub_navigation" %}
</div>
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
<div class="np-homepage-hero">
<a href="/app/search/00000000-0000-0000-0000-000000000000?q=101" style="width: 100%;">
<img class="np-homepage-hero-image"
src="https://s3.amazonaws.com/static.northpass.com/anthology/Anthology_header_New.svg"
alt="{{ homepage.headline }}"
/>
</a>
<div class="np-homepage-hero-content">
<div class="np-homepage-headline np-header-font-color">
{% comment %} Welcome to Anthology Academy {% endcomment %}
</div>
<div class="np-homepage-subheadline np-header-font-color" style="line-height: 28px; margin: 8px auto 0; text-align: center; width: 60%;">
{% comment %} Benefit from expert training and on-demand learning content to improve skills and ensure your team is getting the best Anthology experience possible. {% endcomment %}
</div>
</div>
</div>
{% if current_person.email contains '+preview' or current_person.email == 'kfelton@anthology.com'%}
{% assign sub_levels_length = current_person.properties.subscription_levels | size %}
{% if sub_levels_length > 0 %}
{% include "product_bar" %}
{% endif %}
{% endif %}
<main class="np-main np-catalog np-subpage-container np-max-width">
{% comment %} {% include "browse_by_product" %} {% endcomment %}
<div class="np-catalog-header-wrapper catalog-header-wrapper">
<div class="np-catalog-header">
<div class="np-resource-title catalog-title">Catalog</div>
<div class="catalog-subtitle">Explore our collection of learning resources</div>
</div>
{% comment %} <div class="search-and-filter-component">
<div class="catalog-search-component">
<span style="color: #757575; margin-bottom: 10px; padding-left: 5px;">Search: </span>
<form data-test="desktop-search" class="catalog-search-wrapper">
<input
aria-label="search_topics"
class="np-header-font-background-color catalog-search"
type="text"
name="q"
placeholder=""
onkeyup="searchCourses()"
/>
<i class="far fa-search search-icon"></i>
</form> {% endcomment %}
{% comment %} ----------------------------------------------------------------- {% endcomment %}
{% comment %} FOR NORM: {% endcomment %}
{% comment %} Ln 79-90 >> old search {% endcomment %}
{% comment %} Ln 99-108 >> new search {% endcomment %}
{% comment %} ----------------------------------------------------------------- {% endcomment %}
{% comment %} <form action="{% route search %}" method="get" data-test="desktop-search" class="catalog-search-wrapper">
<input
aria-label="Search"
class="np-header-search-input np-header-font-background-color catalog-search"
type="text"
name="q"
placeholder="Search"
/>
<i class="search-icon far fa-search"></i>
</form> {% endcomment %}
{% comment %} </div> {% endcomment %}
{%- comment -%} {% if current_person.email contains "+preview" %}
<div class="catalog-filter-component">
<span style="color: #757575; margin-bottom: 10px; padding-left: 5px;">Filter By:</span>
<div class="filter-buttons-container">
{% include "filter_by_product", page: 'Homepage' %}
</div>
</div>
{% endif %} {%- endcomment -%}
<div class="catalog-filter-component">
<span style="color: #757575; margin-bottom: 10px; padding-left: 5px;">Filter By:</span>
<div class="filter-buttons-container">
{% capture label %}{% t shared.filters.by_type %}{% endcapture %}
{% include "filter_by_product", page: 'Homepage' %}
{% include "filter_by_category", page: 'Homepage' %}
</div>
</div>
</div>
</div>
{% assign renderPopular = false %}
{% assign totalCount = 0 %}
{% if courses.enrolled.any? %}
{% for course in courses.enrolled %}
{% if course.properties.most_popular == true %}
{% assign totalCount = totalCount | plus : 1 %}
{% assign renderPopular = true %}
{% endif %}
{% endfor %}
{% endif %}
{%- comment -%} {% if renderPopular == true %}
{% include "popular_courses_non_carousel" %}
{% endif %} {%- endcomment -%}
{% if courses.enrolled.any? %}
{% include "courses_catalog" %}
{% else %}
{% capture message %}
{% t shared.zero_state.courses.catalog,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
</main>
{% include "footer" %}
<script>
let searchCourses = () => {
let homepageCourses = document.querySelector('.np-catalog-courses').children;
for(let i = 0; i < homepageCourses.length; i++){
if(event.target.value.length == 0){
if(!homepageCourses[i].classList.contains('filtered')){
homepageCourses[i].style.display = 'block';
}
homepageCourses[i].classList.remove('hidden-by-search');
}
let courseName = homepageCourses[i].querySelector('.np-card-content-title').textContent.toLowerCase();
if(courseName.indexOf(event.target.value.toLowerCase()) > -1){
if(!homepageCourses[i].classList.contains('filtered')){
homepageCourses[i].style.display = 'block';
}
homepageCourses[i].classList.remove('hidden-by-search');
} else {
homepageCourses[i].style.display = 'none';
homepageCourses[i].classList.add('hidden-by-search');
}
};
}
</script>
{% if current_person.signed_in? %}
{% unless current_person.email contains "+preview" %}
{% if current_person.properties.learner_completed_additional_info == false %}
<script>
console.log('user not completed additional info')
if (localStorage.getItem('learnerCompletedAdditionalInfo') != null) {
const secondaryInfoStored = localStorage.getItem("learnerCompletedAdditionalInfo")
const learnerName = localStorage.getItem("learnerName");
const learnerEmail = localStorage.getItem("learnerEmail");
const learnerTitle = localStorage.getItem("learnerTitle");
const learnerPrimaryRole = localStorage.getItem("learnerPrimaryRole");
const learnerPrimaryRoleOther = localStorage.getItem("learnerPrimaryRoleOther");
let userData = {
learner_uuid: '{{current_person.id}}',
learner_name: learnerName,
leaner_northpass_name: '{{current_person.first_name}} {{current_person.last_name}}',
learner_email: learnerEmail,
learner_northpass_email: '{{current_person.email}}',
learner_title: learnerTitle,
primaryRole: learnerPrimaryRole,
primaryRoleOther: learnerPrimaryRoleOther,
}
rerunAdditionalLearnerInfoWorkflow(userData)
} else {
showPopup()
}
</script>
{% elsif current_person.properties.learner_completed_additional_info == true %}
<script>
console.log("property is set, deleting local storage")
localStorage.removeItem("learnerCompletedAdditionalInfo")
localStorage.removeItem("learnerName");
localStorage.removeItem("learnerEmail");
localStorage.removeItem("learnerTitle");
localStorage.removeItem("learnerPrimaryRole");
localStorage.removeItem("learnerPrimaryRoleOther");
</script>
{% else %}
<script>
console.log('custom prop doesnt yet exist')
if (localStorage.getItem('learnerCompletedAdditionalInfo') != null) {
const secondaryInfoStored = localStorage.getItem("learnerCompletedAdditionalInfo");
const learnerName = localStorage.getItem("learnerName");
const learnerEmail = localStorage.getItem("learnerEmail");
const learnerTitle = localStorage.getItem("learnerTitle");
const learnerPrimaryRole = localStorage.getItem("learnerPrimaryRole");
const learnerPrimaryRoleOther = localStorage.getItem("learnerPrimaryRoleOther");
let userData = {
learner_uuid: '{{current_person.id}}',
learner_name: '{{current_person.first_name}} {{current_person.last_name}}',
learner_email: '{{current_person.email}}',
learner_title: learnerTitle,
primaryRole: learnerPrimaryRole,
primaryRoleOther: learnerPrimaryRoleOther,
}
rerunAdditionalLearnerInfoWorkflow(userData)
} else {
showPopup()
}
</script>
{% endif %}
{% endunless %}
{% endif %}
<style>
.catalog-header-wrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.catalog-title{
color: #0A0A0A;
font-size: 2em;
font-weight: 900;
line-height: 2.375rem;
margin-bottom: 12px;
}
.catalog-subtitle{
color: #595959;
font-size: 1.25em;
font-weight: 400;
margin-bottom: 24px;
}
.search-and-filter-component{
align-items: flex-start;
display: flex;
flex-direction: column;
}
.catalog-filter-component{
display: flex;
flex-direction: column;
}
.homepage-resource-header{
color: #000000;
font-size: 24px;
font-weight: 600;
line-height: 25px;
margin-bottom: 12px
}
.card-image-replacement{
/* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
height: 12rem;
width: 100%;
}
@media screen and (min-width: 550px) and (max-width: 649px){
.card-image-replacement{
height: 15rem;
}
}
@media screen and (min-width: 650px) and (max-width: 767px){
.card-image-replacement{
height: 20rem;
}
}
@media screen and (min-width: 768px){
.np-main{
margin-top: none;
}
.search-and-filter-component{
align-items: center;
flex-direction: row;
}
.np-catalog-courses{
margin: 0;
max-width: 100%;
}
.dropdown-menu{
left: 0;
right: unset;
}
}
/* @media screen and (min-width: 1651px){
.np-main{
margin-top: 400px;
}
}
@media screen and (min-width: 1900px){
.np-main{
margin-top: 425px;
}
} */
</style>

View File

@ -1,61 +0,0 @@
<main class="np-main np-box-container">
<div class="np-box">
{% include "header_minimal" %}
<div role="alert" class="np-alert np-alert-global np-alert-info" style="background: #CCE9EE; line-height: 1.5;">
<div class="np-alert-container uk-container uk-container-center" style="color: #066D84; font-size: 15px; font-weight: 700;">
First Time Here? Sign Up for Your New Account!
</div>
<div class="np-alert-container uk-container uk-container-center" style="color: #066D84; font-size: 15px;">
If youve had an account on our previous platforms, a new account must be created to join the updated Anthology Academy site. Click the 'Sign Up' link below to get started.
</div>
</div>
<div class="np-box-content-container">
<form class="np-form np-box-content" action="{% route login %}" method="post" novalidate>
{% form_authenticity_token %}
<div class="np-form-field">
<label class="np-input-label" for="learner_email">
{% t shared.email_address %}
</label>
<input
class="np-input"
autofocus="autofocus"
type="email"
name="learner[email]"
id="learner_email"
>
</div>
<div class="np-form-field">
<label class="np-input-label" for="learner_password">
{% t shared.password %}
</label>
<input
class="np-input"
type="password"
name="learner[password]"
id="learner_password"
>
</div>
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
{% t shared.sign_in %}
</button>
<a class="np-form-link np-button-color" href="{% route forgot_password_new %}">
{% t .forgot_password %}
</a>
{% if features.account_creation? %}
<a class="np-form-link np-button-color" href="{% route sign_up %}">
{% t shared.sign_up %}
</a>
{% endif %}
{% if features.request_access? %}
<a
class="np-form-link np-button-color"
target="_blank"
href="{{ current_school.request_access_link }}"
>
{{ current_school.request_access_label }}
</a>
{% endif %}
</form>
</div>
</div>
</main>

View File

@ -1,215 +0,0 @@
{% include "header" %}
<main class="np-main np-search np-subpage-container np-max-width">
{% comment %} <div class="np-resource-title">
{% t .title %}
</div> {% endcomment %}
<div class="np-search-header">
{% assign render_search = false %}
{% if results.items.any? %}
{% for result in results.items %}
{% if result.type == 'course' %}
{% for course in courses.enrolled %}
{% if result.course.id == course.id %}
{% assign render_search = true %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% if render_search %}
{% assign result_count = 0 %}
{% for item in results.items %}
{% if item.type == 'course' %}
{% assign result_count = result_count | plus: 1 %}
{% endif %}
{% endfor %}
{% endif %}
<div class="np-resource-title">
{% comment %} {% t .showing %} {% endcomment %}
{% if render_search %}
<span class="np-resource-subtitle-number" style="color: #363636;">
{{ result_count }} Resources For <span class="">"{{ results.term }}"</span>
</span>
{% comment %} {% else %}
<span class="np-resource-subtitle-number">{{ results.count }} Resources</span> {% endcomment %}
{% endif %}
{% comment %} {% t .results_for %} {% endcomment %}
</div>
{% if render_search %}
<div style="align-items: center; display: flex; flex-direction: row;">
<div style="font-weight: 700; margin-right: 15px;">Filter By: </div>
{% capture label %}{% t shared.filters.by_type %}{% endcapture %}
{% include "filter_by_product", page: 'Search' %}
{% include "filter_by_category", page: 'Search' %}
</div>
{% endif %}
</div>
{% if render_search %}
<div class="np-catalog-courses row row-with-thumbnails">
{% for result in results.items %}
{% comment %} https://newacademy.anthology.com/app/search/00000000-0000-0000?q= {% endcomment %}
{% if result.type == 'course' %}
{% for course in courses.enrolled %}
{% if result.course.id == course.id %}
{% include "cards_searched_course" with course %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
</div>
{% else %}
{% include "search_zero_state" %}
{% endif %}
</main>
{% include "footer" %}
<style>
.np-search-header{
align-items: flex-start;
flex-direction: column;
}
.np-resource-title{
color: #363636;
font-family: "Nunito Sans";
font-style: normal;
font-weight: 700 !important;
}
.np-card{
margin-bottom: 15px;
}
.card-product-banner{
align-items: center;
background: #FFF;
box-shadow: 0 3px 30px rgba(0,0,0,.1);
display: flex;
height: 32px;
overflow: hidden;
padding: 6px 8px;
width: 100%;
}
.product-logo{
height: 100%;
}
.card-image-replacement{
/* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
height: 12rem;
width: 100%;
}
@media screen and (min-width: 550px) and (max-width: 649px){
.card-image-replacement{
height: 15rem;
}
}
@media screen and (min-width: 650px) and (max-width: 767px){
.card-image-replacement{
height: 20rem;
}
}
.course-card-info{
height: calc(100% - 38px);
justify-content: center;
position: absolute;
top: 0;
width: unset;
}
.course-card-title{
font-size: 24px;
font-weight: 600;
line-height: 25px;
margin-top: 8px !important;
}
.course-card-button{
/* border-radius: 0; */
font-size: 14px;
font-weight: 600;
height: 100%;
line-height: 21px;
width: 30%;
}
.course-card-button:focus{
border: 2px solid blue;
}
.np-progress-bar-container,
.np-card-progress-bar{
border-radius: 0;
height: 6px;
margin: 0;
}
.np-card-content-progress{
height: 25px;
margin: 0;
}
.course-card-progress-bar{
min-width: 0;
}
.np-card-content-progress{
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.card-bottom-details{
justify-content: space-between;
}
.product-filter-dropdown,
.category-filter-dropdown{
/* padding: 0 5px; */
/* border-radius: 0; */
/* height: 45px;
min-width: 150px; */
margin: 10px 10px 0;
padding: 2px 20px;
}
@media screen and (min-width: 768px){
.np-filter{
margin: 12px 10px !important;
}
.np-resource-title{
margin-bottom: 0;
font-size: 32px;
line-height: 25.25px;
}
.np-card{
margin-bottom: 15px !important;
min-width: unset;
}
.course-card-wrapper{
margin-bottom: 32px;
/* max-height: 315px;
max-width: 445px; */
}
.course-card{
padding: 0 10px !important;
}
.course-card-wrapper,
.course-card{
height: 100%;
}
}
</style>

View File

@ -1,211 +0,0 @@
/*
Put your custom overlay styles in here
You can use your northpass color palette in this file
{{ color_palette.button_font_color }}
{{ color_palette.button_color }}
{{ color_palette.button_hover_color }}
{{ color_palette.header_font_color }}
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap');
html,
body{
color: #363636 !important;
font-family: 'Nunito Sans', sans-serif;
}
body,
main{
background-color: #FEFEFE !important;
}
/* HEADER STYLES */
.np-header{
border-top: 5px solid #fffff;
border-bottom: 2px solid #e1ebf3;
height: 95px;
padding: 0 22px;
}
.np-header-content{
justify-content: space-between;
}
.np-header-logo{
flex-grow: unset;
}
.np-header-desktop-nav{
justify-content: flex-end;
padding-top: 20px;
flex-grow: unset;
}
.np-header-mobile-menu-nav{
position: unset;
}
.np-header-avatar{
align-items: center;
height: 100%;
}
.desktop-avatar-button{
margin: 0;
margin-right: 11px;
}
.header-username{
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link,
.np-sub-navigation-content-item-active .np-sub-navigation-content-item-bar{
color: #0A0A0A
}
/* GLOBAL CARD STYLES */
.np-card-padding{
padding: 15px 16px
}
/* COURSE CARDS */
.course-card-info {
max-height: 75%;
}
.np-card-content-title{
color: #363636;
}
.course-card .np-card-container{
border-radius: 0;
box-shadow: 0 3px 30px rgba(0,0,0,.1);
/* overflow: hidden; */
z-index: unset;
}
.course-card .np-card-image{
border-radius: 0;
}
.card-bottom-details{
align-items: center;
background: #f2f4f5;
border-radius: 4px;
display: flex;
font-size: 0.875em;
flex-direction: row;
justify-content: space-between;
padding: 10px;
}
.np-course-outline-content-activity-title, .np-course-outline-content-activity-link{
font-size: 16px;
}
/* CAROUSEL BUTTON STYLES */
/*.carousel-buttons-container{
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.next-carousel-button,
.previous-carousel-button{
align-items: center;
display: flex;
height: 28px;
justify-content: center;
margin-bottom: 12px;
width: 28px;
}
.next-carousel-button{
margin-left: 39px;
}
.next-carousel-button:hover,
.previous-carousel-button:hover{
cursor: pointer;
}
.fa-arrow-left,
.fa-arrow-right{
font-size: 24px;
} */
/* EVENT CARDS */
.event-card{
min-width: 0;
}
@media screen and (min-width: 768px){
.event-card{
padding: 0 0 64px 32px !important;
}
}
/* FILTER STYLES */
.np-filter{
justify-content: center;
margin-bottom: 0;
margin-right: 15px;
}
.filter-buttons-container{
align-items: center;
display: flex;
flex-direction: row;
}
.product-filter-dropdown,
.category-filter-dropdown{
background-color: #fefefe;
border-radius: 4px;
color: #363636;
font-size: 1em;
font-weight: 700;
height: 60px;
line-height: 1;
padding: 5px 12px;
text-decoration: none;
}
.product-filter-dropdown:focus,
.category-filter-dropdown:focus{
border: 2px solid blue;
}
.product-filter-dropdown{
border: 1px solid #CE9DC7;
}
.category-filter-dropdown{
border: 1px solid #CE9DC7;
}
@media screen and (min-width: 768px){
.np-filter{
margin-top: 0;
margin-bottom: 0;
}
}
/* HERO STYLING */
/* @media screen and (min-width: 768px){
.np-homepage-hero{
margin: 0 -24px;
}
} */

View File

@ -1,70 +0,0 @@
<div class="np-card np-no-horizontal-padding">
<div class="np-card-container">
<div class="np-learning-path">
<img
alt="{{ learning_path.name }}"
class="np-card-image np-learning-path-image"
src="{{ learning_path.image_url }}"
/>
<div class="np-card-text-wrapper">
<div class="np-hidden-desktop np-card-header">
<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">
{{ 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 far fa-road"></i>
</div>
<div class="np-card-content np-card-padding np-card-content-vertical">
<h3 class="np-card-content-title">
{{ learning_path.name }}
</h3>
<div class="np-card-content-subtitle">
{{ learning_path.instructor_names }}
</div>
<div class="np-hidden-mobile np-card-content-description">
{{ learning_path.description }}
</div>
<div class="np-hidden-mobile np-card-content-progress
np-button-color">
{% t shared.progress, count: learning_path.progress %}
</div>
<div class="np-hidden-mobile np-card-progress-bar-container">
<div
style="width: {{ learning_path.progress }}%"
class="np-button-background-color np-card-progress-bar">
</div>
</div>
<div class="np-card-content-footer">
<div class="np-hidden-desktop np-card-content-progress
np-button-color">
{% t shared.progress, count: learning_path.progress %}
</div>
<a class="np-button" href="{% route learning_path, id: learning_path.id %}">
{% t shared.view %}
</a>
<span class="np-hidden-mobile np-learning-path-items">
<i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
<span class="np-learning-path-items-count">
{{ learning_path.items.count }} {% t .items %}
</span>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="np-card-stack">
<div class="np-card-stack-level-1"></div>
<div class="np-card-stack-level-2"></div>
</div>
</div>

View File

@ -1,260 +0,0 @@
{% if course.properties.product_names_for_course_cards == 'Anthology Reach' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Reach.svg' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Radius' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F3798A' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Engage' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Engage.svg' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F16423' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Beacon' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Beacon.svg' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F16423' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Milestone' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Milestone.svg' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F3798A' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Occupation Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Occupation+Insight.svg' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#F58545' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Raise' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Raise.svg' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F9B5B5' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Digital Assistant' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Digital+Assistant.svg' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F58545' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Baseline' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Baseline.svg' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#D94827' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Encompass' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Encompass.svg' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#731013' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Talisma' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#F06A32' %}
{% assign color_dark = '#D94827' %}
{% assign color_light = '#F3798A' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Student' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Student.svg' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#96CA51' %}
{% assign color_light = '#F3E588' %}
{% elsif course.properties.product_names_for_course_cards == 'CVue' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#286734' %}
{% assign color_light = '#F3E588' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Insight.svg' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#286734' %}
{% assign color_light = '#82C342' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Finance+%26+HCM.svg' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#539542' %}
{% assign color_light = '#C9BD2E' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Payroll.svg' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#82C342' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Academic Economics' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Academic+Economics.svg' %}
{% assign color_main = '#82C342' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#286734' %}
{% elsif course.properties.product_names_for_course_cards == 'Blackboard Learn' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/BBLearn.svg' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#1BA8E1' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Ally' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Ally.svg' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#1BA8E1' %}
{% assign color_light = '#A3DBDC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Course Evaluations' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Course+Evaluations.svg' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#004C6D' %}
{% assign color_light = '#027BB6' %}
{%- comment -%} NEED DIFF IMG FORMAT FOR THIS ONE {%- endcomment -%}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Evaluate' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#A3DBDC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Portfolio' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Portfolio.svg' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#0090A1' %}
{% assign color_light = '#5CC6CC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Program Review' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Program+Review.svg' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#027BB6' %}
{% assign color_light = '#5CC6CC' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Planning' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Planning.svg' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#004C6D' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology Accreditation' %}
{% assign product_logo = 'https://cdn.northpass.io/anthology/Accreditation.svg' %}
{% assign color_main = '#1BA8E1' %}
{% assign color_dark = '#0090A1' %}
{% assign color_light = '#1BA8E1' %}
{% elsif course.properties.product_names_for_course_cards == 'Anthology 101' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#573376' %}
{% assign color_light = '#7F59A5' %}
{% elsif course.properties.product_names_for_course_cards == 'Academy Use & Navigation' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#6283C2' %}
{% assign color_light = '#87ADDB' %}
{% elsif course.properties.product_names_for_course_cards == 'Data Strategy' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#573376' %}
{% elsif course.properties.product_names_for_course_cards == 'Faculty Development' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#7F59A5' %}
{% assign color_light = '#AA7FB8' %}
{% elsif course.properties.product_names_for_course_cards == 'Power BI' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#573376' %}
{% assign color_light = '#87ADDB' %}
{% elsif course.properties.product_names_for_course_cards == 'Professional Development' %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#7F59A5' %}
{% assign color_dark = '#000000' %}
{% assign color_light = '#87ADDB' %}
{% else %}
{% assign product_logo = 'blank' %}
{% assign color_main = '#DCE4E9' %}
{% assign color_dark = '#747A7B' %}
{% assign color_light = '#B2B7BA' %}
{% endif %}
<div class="np-card-container">
<div class="np-resource-header np-course-header np-card-padding-large">
{% include "course_header" %}
</div>
<div class="np-divider"></div>
<div class="row np-course-content np-card-padding-dynamic">
<div class="col-xs-12 col-sm-6">
{%- comment -%} <div class="np-progress-bar-container" style="background: {{ color_light }}; border-radius: 0;">
<div
style="width: {{ course.progress }}%; background: {{ color_dark }}"
class="np-button-background-color np-card-progress-bar course-card-progress-bar">
</div>
</div> {%- endcomment -%}
<div class="product-banner">
{% if product_logo != 'blank' %}
<img src='{{ product_logo }}' class="product-logo" style="height: 36px;"/>
{% else %}
Anthology
{% endif %}
</div>
<div class="np-top-image np-top-image-spacing course-image-replacement" style="border-radius: 0;">
<div class="course-cover-info">
<div class="np-flex-1">
<h3 class="course-cover-title">
{{ course.name }}
</h3>
{% assign act_count = 0 %}
{% for section in course.sections %}
{% for activity in section.activities %}
{% assign act_count = act_count| plus: 1 %}
{% endfor %}
{% endfor %}
<span style="color: #757575; font-size: 18px">
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
</span>
</div>
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
{% if course.has_to_restart? %}
{% include "course_version_outdated_popup", path: course_path %}
{% endif %}
</div>
</div>
{%- comment -%} <img
src="{{ course.image_url }}"
class="np-top-image np-top-image-spacing"
alt="{{ course.name }}"
/> {%- endcomment -%}
{% include "course_description" %}
{% if course.categories.any? %}
<div class="np-card-content-divider">
{% include "course_categories" %}
</div>
{% endif %}
{% if course.instructors.any? %}
<div class="np-card-content-divider">
{% include "course_instructors" %}
</div>
{% endif %}
{% if course.events.any? %}
<div class="np-card-content-divider">
{% include "course_events" %}
</div>
{% endif %}
</div>
<div class="np-grid-spacing col-xs-12 col-sm-6">
<div class="np-top-cta">
{% include "course_progress_and_cta" %}
</div>
{% include "course_outline" %}
</div>
</div>
</div>
<style>
.course-image-replacement{
/* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
}
.course-cover-title{
font-size: 2em;
line-height: 45px;
margin-bottom: 20px;
}
.course-cover-info{
display: flex;
flex-direction: column;
height: 25em;
justify-content: center;
}
</style>

View File

@ -1,13 +0,0 @@
{% include "header" %}
<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" %}

Some files were not shown because too many files have changed in this diff Show More