Feature/sup 403 fix ruby example app styling (#36)

adamzinder · web-flow · commit c1023fff0578 · 2022-06-08T14:22:34.000-07:00
* adds correct styling to directory sync app

* adds styling and UI fixes
diff --git a/ruby-directory-sync-example/.ruby-version b/ruby-directory-sync-example/.ruby-version
@@ -1 +1 @@
-2.7.1
+2.7.2
diff --git a/ruby-directory-sync-example/Gemfile b/ruby-directory-sync-example/Gemfile
@@ -5,3 +5,5 @@ source 'https://rubygems.org'
 gem 'dotenv'
 gem 'sinatra'
 gem 'workos'
+gem 'sinatra-websocket'
+gem 'pry'
diff --git a/ruby-directory-sync-example/Gemfile.lock b/ruby-directory-sync-example/Gemfile.lock
@@ -1,9 +1,22 @@
 GEM
   remote: https://rubygems.org/
   specs:
+    addressable (2.8.0)
+      public_suffix (>= 2.0.2, < 5.0)
+    coderay (1.1.3)
+    daemons (1.4.1)
     dotenv (2.7.6)
+    em-websocket (0.3.8)
+      addressable (>= 2.1.1)
+      eventmachine (>= 0.12.9)
+    eventmachine (1.2.7)
+    method_source (1.0.0)
     mustermann (1.1.1)
       ruby2_keywords (~> 0.0.1)
+    pry (0.14.1)
+      coderay (~> 1.1)
+      method_source (~> 1.0)
+    public_suffix (4.0.7)
     rack (2.2.3.1)
     rack-protection (2.2.0)
       rack
@@ -13,17 +26,27 @@ GEM
       rack (~> 2.2)
       rack-protection (= 2.2.0)
       tilt (~> 2.0)
-    sorbet-runtime (0.5.9301)
+    sinatra-websocket (0.3.1)
+      em-websocket (~> 0.3.6)
+      eventmachine
+      thin (>= 1.3.1, < 2.0.0)
+    sorbet-runtime (0.5.10076)
+    thin (1.8.1)
+      daemons (~> 1.0, >= 1.0.9)
+      eventmachine (~> 1.0, >= 1.0.4)
+      rack (>= 1, < 3)
     tilt (2.0.10)
-    workos (1.6.1)
+    workos (2.2.1)
       sorbet-runtime (~> 0.5)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
   dotenv
+  pry
   sinatra
+  sinatra-websocket
   workos
 
 BUNDLED WITH
diff --git a/ruby-directory-sync-example/app.rb b/ruby-directory-sync-example/app.rb
@@ -6,6 +6,7 @@
 require 'workos'
 require 'json'
 require 'sinatra-websocket'
+require 'pry'
 
 set :server, 'thin'
 set :sockets, []
@@ -82,3 +83,4 @@
     render :json => {:status => 400, :error => "Webhook failed"} and return
   end
 end
+
diff --git a/ruby-directory-sync-example/public/styles/styles.css b/ruby-directory-sync-example/public/styles/styles.css
@@ -193,4 +193,9 @@ div.text_box {
 .button_outline {
     background-color: white;
     color: #6363f1;
-}
+}
+ul.no-bullets {
+    list-style-type: none; /* Remove bullets */
+    padding: 0; /* Remove padding */
+    margin: 0; /* Remove margins */
+  }
diff --git a/ruby-directory-sync-example/views/group.erb b/ruby-directory-sync-example/views/group.erb
@@ -31,7 +31,11 @@
                 <div class="flex_column">
                     <h2>User Profile</h2>
                     <div class="text_box">
-                        <pre><%= JSON.pretty_generate(@group) %></pre>
+                        <ul class="no-bullets">
+                            <%@user.each do |key, value|%>
+                            <li><%=key%>: <%=value%></li>
+                            <%end%>
+                        </ul>
                     </div>
                     <h2>User's Groups</h2>
                     <div class="text_box">
diff --git a/ruby-directory-sync-example/views/index.erb b/ruby-directory-sync-example/views/index.erb
@@ -1,5 +1,5 @@
 <head>
-    <link rel="stylesheet" href= <%= url("/stylesheets/styles.css")%>>
+    <link rel="stylesheet" href= <%= url("styles/styles.css")%>>
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter">
 </head>
diff --git a/ruby-directory-sync-example/views/user.erb b/ruby-directory-sync-example/views/user.erb
@@ -31,7 +31,11 @@
                 <div class="flex_column">
                     <h2>User Profile</h2>
                     <div class="text_box">
-                        <pre><%= JSON.pretty_generate(@user) %></pre>
+                        <ul class="no-bullets">
+                            <%@user.each do |key, value|%>
+                            <li><%=key%>: <%=value%></li>
+                            <%end%>
+                        </ul>
                     </div>
                     <h2>User's Groups</h2>
                     <div class="text_box">
diff --git a/ruby-directory-sync-example/views/webhooks.erb b/ruby-directory-sync-example/views/webhooks.erb
@@ -1,4 +1,9 @@
-html>   
+<head>
+    <link rel="stylesheet" href= <%= url("/styles/styles.css")%>>
+
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter">
+</head>
+<html>   
   <div>
       <h2>Webhook Details</h2>
   </div>
