RubyGems - j1_template_mde - Versions diffs - 2018.4.31 → 2018.4.32 - Mend

j1_template_mde 2018.4.31 → 2018.4.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (130) hide show

data/lib/j1_app/j1_auth_manager/_unused/auth_manager_ui.2.erb ADDED Viewed

@@ -0,0 +1,198 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>AuthManager</title>
+    <meta name="description" content="J1 Template">
+    <meta name="author" content="jelyll-one">
+    <link rel="stylesheet" type="text/css" href="/assets/themes/j1/core/css/uno.css">
+    <link rel="stylesheet" type="text/css" href="/assets/themes/j1/core/css/vendor.css">
+    <script src="/assets/themes/j1/core/js/template.js"></script>
+    <script src="/assets/themes/j1/core/js/adapter/template.js"></script>
+  </head>
+  <body class="r-text-300">
+  <!-- Modal Central CookieConsent -->
+  <div id="centralCookieConsent" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-notify modal-<%= @info_type %>" role="document">
+      <!-- Content -->
+      <div class="modal-content">
+        <!--Header-->
+        <div class="modal-header">
+          <p class="lead">
+            <i class="mdi mdi-24px mdi-dark mdi-<%= @modal_icon %>"></i>
+            <%= @modal_title %></p>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <i class="mdi mdi-dark mdi-48px mdi-close"></i>
+          </button>
+        </div>
+        <!-- Body -->
+        <div class="modal-body">
+          <div class="text-center">
+            <p style="text-align: justify"><%= @modal_description %></p>
+          </div>
+        </div>
+        <!-- Footer -->
+        <div class="modal-footer justify-content-center">
+          <a type="button" id="okButton" class="btn btn-primary-modal mr-2" data-dismiss="modal"><%= @modal_ok_text %></a>
+        </div>
+      </div>
+      <!-- END Content -->
+    </div>
+  </div>
+  <!-- END Central CookieConsent -->
+  <!-- Modal Central Success -->
+  <div id="centralModalInfo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-notify modal-<%= @info_type %>" role="document">
+      <!-- Content -->
+      <div class="modal-content">
+        <!--Header-->
+        <div class="modal-header">
+          <p class="lead">
+            <i class="mdi mdi-24px mdi-dark mdi-<%= @modal_icon %>"></i>
+            <%= @modal_title %></p>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <i class="mdi mdi-dark mdi-48px mdi-close"></i>
+          </button>
+        </div>
+        <!-- Body -->
+        <div class="modal-body">
+          <div class="text-center">
+            <p style="text-align: justify"><%= @modal_description %></p>
+          </div>
+        </div>
+        <!-- Footer -->
+        <div class="modal-footer justify-content-center">
+          <a type="button" id="okButton" class="btn btn-primary-modal mr-2" data-dismiss="modal"><%= @modal_ok_text %></a>
+        </div>
+      </div>
+      <!-- END Content -->
+    </div>
+  </div>
+  <!-- END Central Success -->
+  <!-- Modal TopInfo -->
+  <div id="topInfo" class="modal fade top" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
+    <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
+      <!-- Content -->
+      <div class="modal-content">
+        <!-- Body -->
+        <div class="modal-body">
+          <div class="row px-4">
+            <p class="pt-1 pr-2"><%= @modal_description %></p>
+          </div>
+          <div class="row px-4">
+            <a type="button" id="okButton" class="btn btn-primary-modal mr-2" data-dismiss="modal"><%= @modal_ok_text %></a>
+          </div>
+        </div> <!-- END Body -->
+      </div>
+      <!-- END Content -->
+    </div>
+  </div>
+  <!-- END Modal TopInfo -->
+    <!-- Modal SignInProtectedContent -->
+    <div id="signInProtectedContent" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-lg modal-notify modal-info" role="document">
+        <!-- Content -->
+        <div class="modal-content">
+          <!--Header-->
+          <div class="modal-header">
+            <p class="lead">
+              <i class="mdi mdi-24px mdi-dark mdi-login"></i>
+              <%= @modal_title %>
+            </p>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <i class="mdi mdi-dark mdi-48px mdi-close"></i>
+            </button>
+          </div>
+          <!-- Body -->
+          <div class="modal-body">
+            <div class="text-center">
+              <p style="text-align: justify"><%= @modal_description %></p>
+            </div>
+            <img src="<%= @modal_image %>" alt="<%= @modal_title %>" class="img-fluid">
+          </div>
+          <!-- Footer -->
+          <div class="modal-footer justify-content-right">
+            <a type="button" id="signInButton" class="btn btn-primary-modal mr-2" data-dismiss="modal">
+              <i class="mdi mdi-18px mdi-dark mdi-login"></i>
+              <%= @modal_agreed_text %>
+            </a>
+            <a type="button" id="exitButton" class="btn btn-outline-modal" data-dismiss="modal">
+              <i class="mdi mdi-18px mdi-dark mdi-close"></i>
+              <%= @modal_disagreed_text %>
+            </a>
+          </div>
+        </div> <!-- END Content -->
+      </div>
+    </div>
+    <!-- END Modal SignInProtectedContent -->
+  </body>
+  <script>
+    var route;
+    var provider;
+    // Setup logger
+    logger = log4javascript.getLogger("j1.AuthManager");
+    var signIn = {
+      provider:         "<%= @provider %>",
+      do:               false
+    }
+    $(window).on('load', function() {
+      $("#<%= @modal %>").modal("show")
+    });
+    $("a.btn").click(function() {
+      if (this.id === "okButton") {
+          signIn.do = true;
+      }
+      if (this.id === "signInButton") {
+        signIn.do = true;
+      } else {
+        signIn.do = false;
+      }
+    });
+  $(document).on('shown.bs.modal','#<%= @modal %>', function () {
+    logger.info('Knalli von der Middleware');
+    console.log('Knalli von der Middleware');
+  });
+    $(document).on('hidden.bs.modal','#<%= @modal %>', function () {
+//  $("#<%= @modal %>").on('hidden.bs.modal', function() {
+      logger.info('Huhu von der Middleware');
+      if (signIn.do == true) {
+        var route = "<%= @route %>"
+        window.location.href = route;
+      } else {
+        // TODO: How to manage last/current page if protected
+        j1_user_state = j1.getUserStateCookie();
+        //window.location.href = j1_user_state.last_page;
+        //window.location.href = j1_user_state.current_page;
+        window.location.href = '/';
+      }
+    });
+  </script>
+</html>

data/lib/j1_app/j1_auth_manager/_unused/auth_manager_ui.additional_inits.erb ADDED Viewed

@@ -0,0 +1,254 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>AuthManager</title>
+    <meta name="description" content="J1 Template">
+    <meta name="author" content="jelyll-one">
+    <link rel="stylesheet" type="text/css" href="/assets/themes/j1/core/css/uno.css">
+    <link rel="stylesheet" type="text/css" href="/assets/themes/j1/core/css/vendor.css">
+    <script src="/assets/themes/j1/core/js/template.js"></script>
+    <script src="/assets/themes/j1/core/js/adapter/template.js"></script>
+    <script src="/assets/themes/j1/core/js/adapter/cookie_consent.js"></script>
+  </head>
+  <body class="r-text-300">
+  <!-- Modal Central Success -->
+  <div id="centralModalInfo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-notify modal-<%= @info_type %>" role="document">
+      <!-- Content -->
+      <div class="modal-content">
+        <!--Header-->
+        <div class="modal-header">
+          <p class="lead">
+            <i class="mdi mdi-2x mdi-dark mdi-<%= @modal_icon %>"></i>
+            <%= @modal_title %></p>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <i class="mdi mdi-dark mdi-48px mdi-close"></i>
+          </button>
+        </div>
+        <!-- Body -->
+        <div class="modal-body">
+          <div class="text-center">
+            <p style="text-align: justify"><%= @modal_description %></p>
+          </div>
+        </div>
+        <!-- Footer -->
+        <div class="modal-footer justify-content-center">
+          <a type="button" id="okButton" class="btn btn-primary-modal mr-2" data-dismiss="modal"><%= @modal_ok_text %></a>
+        </div>
+      </div>
+      <!-- END Content -->
+    </div>
+  </div>
+  <!-- END Central Success -->
+  <!-- Modal TopInfo -->
+  <div id="topInfo" class="modal fade top" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
+    <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
+      <!-- Content -->
+      <div class="modal-content">
+        <!-- Body -->
+        <div class="modal-body">
+          <div class="row px-4">
+            <p class="pt-1 pr-2"><%= @modal_description %></p>
+          </div>
+          <div class="row px-4">
+            <a type="button" id="okButton" class="btn btn-primary-modal mr-2" data-dismiss="modal"><%= @modal_ok_text %></a>
+          </div>
+        </div> <!-- END Body -->
+      </div>
+      <!-- END Content -->
+    </div>
+  </div>
+  <!-- END Modal TopInfo -->
+    <!-- Modal SignInProtectedContent -->
+    <div id="signInProtectedContent" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-lg modal-notify modal-info" role="document">
+        <!-- Content -->
+        <div class="modal-content">
+          <!--Header-->
+          <div class="modal-header">
+            <p class="lead">
+              <i class="mdi mdi-2x mdi-dark mdi-account"></i>
+              <%= @modal_title %>
+            </p>
+            <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <i class="mdi mdi-dark mdi-48px mdi-close"></i>
+            </button> -->
+          </div>
+          <!-- Body -->
+          <div class="modal-body">
+            <div class="text-center">
+              <p style="text-align: justify"><%= @modal_description %></p>
+            </div>
+            <img src="<%= @modal_image %>" alt="<%= @modal_title %>" class="img-fluid">
+          </div>
+          <!-- Footer -->
+          <div class="modal-footer justify-content-center">
+            <a type="button" id="signInButton" class="btn btn-primary-modal mr-2" data-dismiss="modal">
+              <i class="mdi mdi-18px mdi-dark mdi-login"></i>
+              <%= @modal_agreed_text %>
+            </a>
+            <a type="button" id="exitButton" class="btn btn-outline-modal" data-dismiss="modal">
+              <i class="mdi mdi-18px mdi-dark mdi-close"></i>
+              <%= @modal_disagreed_text %>
+            </a>
+          </div>
+        </div> <!-- END Content -->
+      </div>
+    </div>
+    <!-- END Modal SignInProtectedContent -->
+  <!-- Modal Central CookieConsent -->
+  <div id="centralCookieConsent" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-notify modal-<%= @info_type %>" role="document">
+      <!-- Content -->
+      <div class="modal-content">
+        <!--Header-->
+        <div class="modal-header">
+          <p class="lead">
+            <i class="mdi mdi-2x mdi-dark mdi-account"></i>
+            <%= @modal_title %>
+          </p>
+          <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <i class="mdi mdi-dark mdi-48px mdi-close"></i>
+          </button> -->
+        </div>
+        <!-- Body -->
+        <div class="modal-body">
+          <div class="text-center">
+            <p style="text-align: justify"><%= @modal_description %></p>
+          </div>
+        </div>
+        <!-- Footer -->
+        <div class="modal-footer justify-content-center">
+          <a type="button" id="acceptCookiesButton" class="btn btn-primary-modal mr-2" data-dismiss="modal">
+            <i class="mdi mdi-18px mdi-dark mdi-<%= @modal_icon %>"></i>
+            <%= @modal_agreed_text %>
+          </a>
+          <a type="button" id="declineCookiesButton" class="btn btn-outline-modal" data-dismiss="modal">
+            <i class="mdi mdi-18px mdi-dark mdi-close"></i>
+            <%= @modal_disagreed_text %>
+          </a>
+        </div>
+      <!-- END Content -->
+    </div>
+  </div>
+  <!-- END Central CookieConsent -->
+  </body>
+  <script>
+    $(document).ready(function() {
+      j1.init();
+    });
+    var pageLoaded = setInterval(function() {
+      if ( j1.state() === 'finished' ) {
+        var route;
+        var provider;
+        var user_state;
+        // Setup logger
+        var logger;
+        var allModalButtons = document.querySelectorAll('a.btn');
+        var signIn = {
+          provider:         "<%= @provider %>",
+          do:               "unset"
+        }
+        var cookiesAccepted = {
+          do:               "unset"
+        }
+        // Manage button click events for all modals
+        // See: https://www.nickang.com/add-event-listener-for-loop-problem-in-javascript/
+        // -----------------------------------------------------------------
+        $(document).on('shown.bs.modal','#<%= @modal %>', function () {
+          console.log('J1AuthManager: entered modal SHOWN from <%= @modal %>');
+          allModalButtons.forEach(function(button, index) {
+            button.addEventListener('click', function() {
+              // Modal topFullCookieConsent
+              // -----------------------------------------------------------
+              if (this.id === "acceptCookiesButton") {
+                  cookiesAccepted.do = true;
+                  user_state = j1.getWebSessionCookie();
+                  user_state.cookies_accepted = 'accepted';
+                  j1.setWebSessionCookie(user_state);
+              }
+              if (this.id === "declineCookiesButton") {
+                  cookiesAccepted.do = false;
+              }
+              if (this.id === "okButton") {
+                  signIn.do = true;
+              }
+              if (this.id === "signInButton") {
+                signIn.do = true;
+              } else {
+                signIn.do = false;
+              }
+            });
+          });
+          return;
+        });
+        $(window).on('load', function() {
+          $("#<%= @modal %>").modal("show")
+        });
+        $(document).on('hide.bs.modal','#<%= @modal %>', function () {
+          console.log('J1AuthManager: entered modal HIDE from <%= @modal %>');
+          user_state = j1.getWebSessionCookie();
+          // Manage SignIn
+          // -----------------------------------------------------------------------
+          if (signIn.do == true) {
+            var route = "<%= @route %>"
+            console.log('J1AuthManager: pass to ' + route);
+            window.location.href = route;
+          } else if (signIn.do == false) {
+            // TODO: How to manage page requested
+            // window.location.href = user_state.requested_page; // cause dead loop
+            window.location.href = '/';
+          }
+          // Cookies
+          // -----------------------------------------------------------------------
+          if (cookiesAccepted.do == true) {
+            var route = "<%= @route %>"
+            window.location.href = route;
+          } else if (cookiesAccepted.do == false) {
+            window.location.href = '/';
+          }
+          // pass to "window.location.href"
+          return;
+        });
+        // clear interval checking
+        clearInterval(pageLoaded);
+      } // END
+    }, 50); // END setInterval
+  </script>
+</html>