norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Anthology templates. Got DBUI for db queries working.

Browse Source
This commit is contained in:
Norm Rasmussen
2024-09-09 15:10:34 -04:00
parent 030787e01c
commit 400af7ba31
7 changed files with 133 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/customer_templates/.DS_Store vendored
View File

Binary file not shown.

2
Custom_Templates/customer_templates/Anthology - Production/_course_desktop_view.html.liquid
View File

@ -257,4 +257,4 @@
height: 25em;
justify-content: center;
}
</style>
</style>

138
Custom_Templates/customer_templates/Anthology - Production/_header.html.liquid
View File

@ -129,22 +129,62 @@
{% endif %}
</div>
{%- comment -%} School Desktop View Logo {%- endcomment -%}
{% 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 }}"
/>
<div style="align-items: center; display: flex; flex-direction: row;">
{%- comment -%} School Desktop View Logo {%- endcomment -%}
{% 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>
</h1>
{% else %}
<a href="{% route home %}" class="np-school-name np-header-font-color">
{{ current_school.name }}
</a>
{% endif %}
{% endif %}
{%- comment -%} Desktop Search Box {%- endcomment -%}
{% if current_person.signed_in? %}
{% comment %} <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> {% endcomment %}
{% comment %} <span style="color: #757575; margin-bottom: 10px; padding-left: 5px;">Search: </span> {% endcomment %}
<form action="{% route search %}" method="get" data-test="desktop-search" class="catalog-search-wrapper np-hidden-mobile" style="margin-left: 25px;">
<input
aria-label="Search"
class="np-header-search-input np-header-font-background-color catalog-search"
type="text"
name="q"
placeholder="What do you want to learn?"
/>
<i class="search-icon far fa-search"></i>
</form>
{% comment %} <form data-test="desktop-search" class="catalog-search-wrapper np-hidden-mobile" style="margin-left: 25px;">
<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 %}
{% endif %}
</div>
{%- comment -%} Desktop Nav Links {%- endcomment -%}
<div class="np-hidden-mobile np-header-desktop-nav">
@ -176,23 +216,8 @@
</div>
</div> {% endcomment %}
{%- comment -%} Desktop Search Box {%- endcomment -%}
{% if current_person.signed_in? %}
{%- comment -%} <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> {%- endcomment -%}
{%- comment -%} Desktop Profile Button {%- endcomment -%}
<div class="np-hidden-mobile np-header-avatar">
{%- comment -%} <a class="header-survey-link" href="https://baseline.campuslabs.com/htu/beta" target="_blank">
@ -341,6 +366,46 @@
</script>
<style>
.search-and-filter-component{
align-items: flex-start;
display: flex;
flex-direction: column;
}
.catalog-search-wrapper{
max-width: 600px;
position: relative;
}
.catalog-search-component{
margin-bottom: 15px;
width: 100%;
}
.catalog-search::placeholder{
color: #878787;
}
.catalog-search,
.catalog-search:focus{
background-color: #fefefe;
border: 1px solid #aa7fb9;
border-radius: 30px;
font-weight: 400;
height: 60px;
line-height: 1;
padding-left: 75px;
text-decoration: none;
/* width: 100%; */
width: 450px;
}
.search-icon{
left: 30px;
position: absolute;
top: 23px;
}
@media screen and (min-width: 678px){
.header-survey-link{
color: #000;
@ -352,4 +417,15 @@
text-decoration: none;
}
}
@media screen and (min-width: 768px){
.search-and-filter-component{
align-items: center;
flex-direction: row;
}
.catalog-search-component{
margin-bottom: 0;
}
}
</style>

6
Custom_Templates/customer_templates/Anthology - Production/_product_bar.html.liquid
View File

@ -6,7 +6,7 @@
<ul class="product-subscriptions col-xs-12 col-sm-9">
{% assign subscription_levels = current_person.properties.subscription_levels | split: "," %}
{% for subscription_level in subscription_levels %}
{% assign name_level_pair = subscription_level | split: ":"%}
{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
@ -33,7 +33,7 @@
margin: -20px -50px 20px;
padding: 0 50px 20px;
}
.product-subscription img{
height: 25px;
}
@ -110,4 +110,4 @@
margin-top: 18%;
}
} */
</style>
</style>

77
Custom_Templates/customer_templates/Anthology - Production/homepage.html.liquid
View File

@ -74,7 +74,7 @@
<div class="catalog-subtitle">Explore our collection of learning resources</div>
</div>
<div class="search-and-filter-component">
{% 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">
@ -87,12 +87,12 @@
onkeyup="searchCourses()"
/>
<i class="far fa-search search-icon"></i>
</form>
</form> {% endcomment %}
{% comment %} ----------------------------------------------------------------- {% endcomment %}
{% comment %} FOR NORM: {% endcomment %}
{% comment %} Ln 70-80 >> new search {% endcomment %}
{% comment %} Ln 89-99 >> old search {% endcomment %}
{% comment %} Ln 79-90 >> old search {% endcomment %}
{% comment %} Ln 99-108 >> new search {% endcomment %}
{% comment %} ----------------------------------------------------------------- {% endcomment %}
@ -106,7 +106,9 @@
/>
<i class="search-icon far fa-search"></i>
</form> {% endcomment %}
</div>
{% 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>
@ -258,7 +260,8 @@
<style>
.catalog-header-wrapper{
display: flex;
flex-direction: column;
flex-direction: row;
flex-wrap: wrap;
}
.catalog-title{
@ -281,42 +284,12 @@
display: flex;
flex-direction: column;
}
.catalog-search-wrapper{
max-width: 600px;
position: relative;
}
.catalog-search-component,
.catalog-filter-component{
display: flex;
flex-direction: column;
}
.catalog-search-component{
margin-bottom: 15px;
width: 100%;
}
.catalog-search,
.catalog-search:focus{
background-color: #fefefe;
border: 1px solid #aa7fb9;
border-radius: 30px;
font-weight: 400;
height: 60px;
line-height: 1;
padding-left: 75px;
text-decoration: none;
width: 100%;
}
.search-icon{
left: 30px;
position: absolute;
top: 23px;
}
.homepage-resource-header{
color: #000000;
font-size: 24px;
@ -363,25 +336,9 @@
left: 0;
right: unset;
}
.catalog-search-component{
margin-bottom: 0;
}
}
@media screen and (min-width: 1440px){
/* .np-main{
margin-top: 350px;
} */
.np-homepage-hero{
/* width: calc(100vw + 1.75em); */
/* position: absolute; */
/* left: 0; */
}
}
@media screen and (min-width: 1651px){
/* @media screen and (min-width: 1651px){
.np-main{
margin-top: 400px;
}
@ -391,17 +348,5 @@
.np-main{
margin-top: 425px;
}
}
/* @media screen and (min-width: 2200px){
.catalog-header-wrapper{
margin-top: 350px;
}
}
@media screen and (min-width: 2500px){
.catalog-header-wrapper{
margin-top: 400px;
}
} */
</style>

8
Custom_Templates/customer_templates/Anthology - Production/styles.css.liquid
View File

@ -79,6 +79,10 @@ main{
/* COURSE CARDS */
.course-card-info {
max-height: 75%;
}
.np-card-content-title{
color: #363636;
}
@ -200,8 +204,8 @@ main{
}
/* HERO STYLING */
@media screen and (min-width: 768px){
/* @media screen and (min-width: 768px){
.np-homepage-hero{
margin: 0 -24px;
}
}
} */

5
Delivery Log Normal file
View File

@ -0,0 +1,5 @@
SELECT ca.communication_id, p.email, ca.created_at, ca.delivered_at, ca.opened_at, ca.errored_at, ca.status FROM communication_activities ca
JOIN schools s ON ca.school_id = s.id
JOIN customers c ON s.customer_id = c.id
JOIN people p ON ca.person_id = p.id
WHERE s.id = 8285;