Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
473e875b by Jeff Balicki
Options

login modal 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 0832763d
Expand all
Inline Side-by-side
Showing 11 changed files with 151 additions and 33 deletions
1 @charset "UTF-8"; 1 @charset "UTF-8";
2 @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@500;700&display=swap"); 2 @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@500;600;700&display=swap");
3 .btn-primary { 3 .btn-primary {
4 color: #fff !important; 4 color: #fff !important;
5 } 5 }
...@@ -16075,6 +16075,58 @@ label[for=quicksearch] { ...@@ -16075,6 +16075,58 @@ label[for=quicksearch] {
16075 border-bottom: 22px solid #e04e39; 16075 border-bottom: 22px solid #e04e39;
16076 } 16076 }
16077 16077
16078 #login-window .modal-dialog {
16079 position: relative;
16080 max-width: 550px;
16081 }
16082 #login-window .modal-header {
16083 border-radius: 0px;
16084 border-bottom: 0px solid #dee2e6;
16085 }
16086 #login-window .modal-content {
16087 border-radius: 0px;
16088 height: 295px;
16089 }
16090 #login-window .modal-content .modal-body {
16091 padding: 0px 60px 20px 60px;
16092 }
16093 #login-window .modal-content .modal-body .modal-title {
16094 font-family: "Poppins", sans-serif;
16095 font-weight: 600;
16096 font-size: 22px;
16097 list-style: 33px;
16098 text-align: center;
16099 }
16100 #login-window .modal-content .modal-body a {
16101 color: #0484b8;
16102 }
16103 #login-window .modal-content .modal-body a:hover {
16104 color: #2c2c2c;
16105 }
16106 #login-window .modal-content .modal-body .login-btn {
16107 display: block;
16108 margin: auto;
16109 background-color: #0484b8;
16110 font-size: 14px;
16111 color: #fff;
16112 padding: 7px 25px;
16113 text-decoration: none;
16114 }
16115 #login-window .modal-content .modal-body .login-btn:hover {
16116 background-color: #2c2c2c;
16117 color: #fff;
16118 }
16119 #login-window .btn-close {
16120 width: 24px;
16121 height: 24px;
16122 opacity: 1;
16123 background-size: 24px;
16124 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1458' data-name='Group 1458' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cline id='Line_3' data-name='Line 3' x2='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%230081BC' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%230081BC' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
16125 }
16126 #login-window .btn-close:hover {
16127 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1499' data-name='Group 1499' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cpath id='Path_1922' data-name='Path 1922' d='M0 0 29.754 29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
16128 }
16129
16078 #resources.dataTable { 16130 #resources.dataTable {
16079 width: 100% !important; 16131 width: 100% !important;
16080 } 16132 }
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -19,32 +19,8 @@ if(get_post_meta(get_the_id(), 'newsletter_sign_up', true) || get_post_type( get ...@@ -19,32 +19,8 @@ if(get_post_meta(get_the_id(), 'newsletter_sign_up', true) || get_post_type( get
19 </div> 19 </div>
20 <?php } ?> 20 <?php } ?>
21 <?php get_template_part( 'sidebar-templates/sidebar', 'footerfull' ); ?> 21 <?php get_template_part( 'sidebar-templates/sidebar', 'footerfull' ); ?>
22 <!--
23 <div class="wrapper" id="wrapper-footer">
24 22
25 <div class="<?php echo esc_attr( $container ); ?>">
26 23
27 <div class="row">
28
29 <div class="col-md-12">
30
31 <footer class="site-footer" id="colophon">
32
33 <div class="site-info">
34
35 <?php understrap_site_info(); ?>
36
37 </div><!-- .site-info -->
38
39 </footer><!-- #colophon -->
40
41 </div><!-- col -->
42
43 </div><!-- .row -->
44
45 </div><!-- .container(-fluid) -->
46
47 </div><!-- #wrapper-footer -->
48 24
49 <?php // Closing div#page from header.php. ?> 25 <?php // Closing div#page from header.php. ?>
50 </div><!-- #page --> 26 </div><!-- #page -->
......
...@@ -55,6 +55,20 @@ function resources_list(){ ...@@ -55,6 +55,20 @@ function resources_list(){
55 </tbody> 55 </tbody>
56 </table> 56 </table>
57 </div> 57 </div>
58 <div class="modal fade" id="login-window" tabindex="-1" aria-labelledby="login-window" aria-hidden="true" style="display: none;">
59 <div class="modal-dialog modal-dialog-centered ">
60 <div class="modal-content">
61 <div class="modal-header">
62 <button type="button" class="btn-close align-self-sm-end" data-bs-dismiss="modal" aria-label="Close"></button>
63 </div>
64 <div class="modal-body d-flex justify-content-center flex-column">
65 <h2 class="modal-title align-self-center">You must be logged in to add resources to your dashboard</h2>
66 <a title="LOG IN" href="my-account/" class="login-btn">Login now</a>
67 <p class="align-self-center">Don’t have a login? <a title="Sign up" href="my-account/" class="">Sign up</a> for an account.<p>
68 </div>
69 </div>
70 </div>
71 </div>
58 <?php endif; 72 <?php endif;
59 wp_reset_query(); 73 wp_reset_query();
60 $output = ob_get_clean(); 74 $output = ob_get_clean();
...@@ -125,7 +139,13 @@ function resources($id){ ...@@ -125,7 +139,13 @@ function resources($id){
125 </td> 139 </td>
126 <td class="hidden"> <?php echo $cat; ?></td> 140 <td class="hidden"> <?php echo $cat; ?></td>
127 <td class="hidden"><?php echo get_post_time('U',false, $id ); ?></td> 141 <td class="hidden"><?php echo get_post_time('U',false, $id ); ?></td>
128 <td><?php echo do_shortcode('[favorite_button post_id="'.$id.'"]'); ?></td> 142 <td>
143 <?php if(!is_user_logged_in()){ ?>
144 <button class="simplefavorite-button" data-bs-toggle="modal" data-bs-target="#login-window" style="">Favorite <i class="sf-icon-star-empty"></i></button>
145 <?php }else{
146 echo do_shortcode('[favorite_button post_id="'.$id.'"]');
147 } ?>
148 </td>
129 </tr> 149 </tr>
130 <?php 150 <?php
131 $output = ob_get_clean(); 151 $output = ob_get_clean();
......
...@@ -16,20 +16,21 @@ $id = get_the_id(); ...@@ -16,20 +16,21 @@ $id = get_the_id();
16 ?> 16 ?>
17 <div class="hero-container header-section blur-image" data-src="<?php echo the_post_thumbnail_url(); ?>" style="--med-image: url(<?php echo the_post_thumbnail_url('medium'); ?>);"> 17 <div class="hero-container header-section blur-image" data-src="<?php echo the_post_thumbnail_url(); ?>" style="--med-image: url(<?php echo the_post_thumbnail_url('medium'); ?>);">
18 <div class="full-image"> 18 <div class="full-image">
19 <?php $hero_content = apply_filters('the_content', get_post_meta(get_the_id(), 'hero_content', true)); 19 <?php $hero_content = apply_filters('the_content', get_post_meta(get_the_id(), 'hero_content', true));?>
20 if (!empty($hero_content)) {?>
21 <div class="container"> 20 <div class="container">
22 <div class="hero-content row"> 21 <div class="hero-content row">
23 <div class="col align-self-center"> 22 <div class="col align-self-center">
24 <?php echo do_shortcode('[breadcrumbs]'); 23 <?php echo do_shortcode('[breadcrumbs]');
25 echo do_shortcode('<h1>[post-title]</h1>'); 24 echo do_shortcode('<h1>[post-title]</h1>');
25 if(!is_user_logged_in()){ ?>
26 <button type="button" class="btn btn-join" data-bs-toggle="modal" data-bs-target="#login-window">Enroll now</button>
27 <?php }else{
26 echo do_shortcode('[learndash_payment_buttons]'); 28 echo do_shortcode('[learndash_payment_buttons]');
27 29 }
28 ?> 30 ?>
29 </div> 31 </div>
30 </div> 32 </div>
31 </div> 33 </div>
32 <?php } ?>
33 </div> 34 </div>
34 </div> 35 </div>
35 <div class="wrapper" id="<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?>"> 36 <div class="wrapper" id="<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?>">
...@@ -69,6 +70,19 @@ $id = get_the_id(); ...@@ -69,6 +70,19 @@ $id = get_the_id();
69 </div><!-- #content --> 70 </div><!-- #content -->
70 71
71 </div><!-- #<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?> --> 72 </div><!-- #<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?> -->
72 73 <div class="modal fade" id="login-window" tabindex="-1" aria-labelledby="login-window" aria-hidden="true" style="display: none;">
74 <div class="modal-dialog modal-dialog-centered ">
75 <div class="modal-content">
76 <div class="modal-header">
77 <button type="button" class="btn-close align-self-sm-end" data-bs-dismiss="modal" aria-label="Close"></button>
78 </div>
79 <div class="modal-body d-flex justify-content-center flex-column">
80 <h2 class="modal-title align-self-center">You must be logged in to enroll for programs</h2>
81 <a title="LOG IN" href="my-account/" class="login-btn">Login now</a>
82 <p class="align-self-center">Don’t have a login? <a title="Sign up" href="my-account/" class="">Sign up</a> for an account.<p>
83 </div>
84 </div>
85 </div>
86 </div>
73 <?php 87 <?php
74 get_footer(); 88 get_footer();
......
1 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@500;700&display=swap'); 1 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@500;600;700&display=swap');
2 2
3 body{ 3 body{
4 font-family: 'Open Sans', sans-serif; 4 font-family: 'Open Sans', sans-serif;
......
...@@ -77,3 +77,59 @@ ...@@ -77,3 +77,59 @@
77 } 77 }
78 } 78 }
79 79
80 #login-window{
81 .modal-dialog{
82 position: relative;
83 max-width: 550px;
84
85 }
86 .modal-header{
87 border-radius: 0px;
88 border-bottom: 0px solid #dee2e6;
89 }
90 .modal-content{
91
92 border-radius: 0px;
93 height: 295px;
94 .modal-body{
95 padding: 0px 60px 20px 60px;
96 .modal-title{
97 font-family: 'Poppins', sans-serif;
98 font-weight: 600;
99 font-size: 22px;
100 list-style: 33px;
101 text-align: center;
102 }
103 a{
104 color:#0484b8;
105 }
106 a:hover{
107 color: #2c2c2c;
108
109 }
110 .login-btn{
111 display: block;
112 margin: auto;
113 background-color: #0484b8;
114 font-size: 14px;
115 color: #fff;
116 padding: 7px 25px;
117 text-decoration: none;
118 }
119 .login-btn:hover{
120 background-color: #2c2c2c;
121 color: #fff;
122 }
123 }
124 }
125 .btn-close{
126 width: 24px;
127 height: 24px;
128 opacity: 1;
129 background-size: 24px;
130 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1458' data-name='Group 1458' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cline id='Line_3' data-name='Line 3' x2='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%230081BC' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%230081BC' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
131 }
132 .btn-close:hover{
133 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1499' data-name='Group 1499' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cpath id='Path_1922' data-name='Path 1922' d='M0 0 29.754 29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
134 }
135 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 Author: Tenzing Communications 5 Author: Tenzing Communications
6 Author URI: https://tenzingbrand.com 6 Author URI: https://tenzingbrand.com
7 Template: understrap 7 Template: understrap
8 Version: 1.1.001 8 Version: 1.1.002
9 License: GNU General Public License v2 or later 9 License: GNU General Public License v2 or later
10 License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 License URI: http://www.gnu.org/licenses/gpl-2.0.html
11 Text Domain: understrap-child 11 Text Domain: understrap-child
......