initial commit

Author: AaronWDS

README.md

@@ -148,8 +148,8 @@ When the token expires, it updates automatically.
 1. A name and email for a signer, and a name and email for a cc recipient.
 
 ### Installation steps
-1. Download or clone this repository to your workstation to directory **eg-03-python-auth-code-grant**
-1. **cd eg-03-python-auth-code-grant**
+1. Download or clone this repository to your workstation to directory **code-examples-python**
+1. **cd code-examples-python**
 1. **pip3 install -r requirements.txt**  (or pipenv can be used)
 1. Make a copy of the **app/ds_config_sample.py** and name it **ds_config.py** 
 1. Update this new file **app/ds_config.py**
@@ -178,7 +178,7 @@ To use the payments example, create a
 test payments gateway for your developer sandbox account.
 
 See the
-[PAYMENTS_INSTALLATION.md](https://github.com/docusign/eg-03-python-auth-code-grant/blob/master/PAYMENTS_INSTALLATION.md)
+[PAYMENTS_INSTALLATION.md](https://github.com/docusign/code-examples-python/blob/master/PAYMENTS_INSTALLATION.md)
 file for instructions.
 
 Then add the payment gateway account id to the **app/ds_config.py** file.

app/static/assets/banner-code.png

@@ -8,31 +8,49 @@ body {
 }
 #index-page h4::before {
   z-index: -100;
-  display: block; 
-  content: " "; 
-  margin-top: -4rem; 
-  height: 4rem; 
-  visibility: hidden; 
+  display: block;
+  content: " ";
+  margin-top: -4rem;
+  height: 4rem;
+  visibility: hidden;
   pointer-events: none;
 }
 
 .jumbotron {
-  background: #888888;
-  padding: 3em;
+
+  background: #000 !important;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+  padding-left: 30px !important;
+  padding-right: 30px !important;
+  margin: 0 !important;
   color: white;
-  margin: 1em auto 1.5em; }
+}
 
 .jumbotron p {
   margin-top: 1em;
   font-size: 1.45em;
 }
 
+.btn-docu {
+
+  background-color: #00BAA1;
+  color:#FFF;
+  border-color: #121517;
+}
+
+.btn-docu:hover, .btn-docu:focus, .btn-docu:active, .btn-docu.active, .open .dropdown-toggle.btn-docu {
+  background-color: #02d6ba;
+  color:#FFF;
+  border-color: #050607;
+}
+
 hr.styled {
   overflow: visible; /* For IE */
   padding: 0;
   border: none;
-  border-top: medium double #333;
-  color: #333;
+  border-top: medium double 0;
+  color: #000;
   text-align: center;
 }
 hr.styled:after {
@@ -55,16 +73,16 @@ pre.json-display {
   background-color: ghostwhite;
   border: 1px solid silver;
   padding: 10px 20px;
-  }
+}
 .json-key {
   color: brown;
-  }
+}
 .json-value {
   color: navy;
-  }
+}
 .json-string {
   color: olive;
-  }
+}
 
 
 
@@ -115,10 +133,15 @@ pre.json-display {
 
 @keyframes sk-stretchdelay {
   0%, 40%, 100% {
-    transform: scaleY(0.4);
-    -webkit-transform: scaleY(0.4);
+      transform: scaleY(0.4);
+      -webkit-transform: scaleY(0.4);
   }  20% {
-    transform: scaleY(1.0);
-    -webkit-transform: scaleY(1.0);
-  }
+         transform: scaleY(1.0);
+         -webkit-transform: scaleY(1.0);
+     }
 }
+
+.your-class div{
+float:left;
+margin-left: 10px;
+}

app/static/assets/css.css

@@ -48,10 +48,10 @@
       </div>
     </nav>
 
-    <div class="container">
+    <!-- <div class="container">
       {% if session['ds_account_name'] %}
           <p>DocuSign Account: {{ session['ds_account_name'] }}.</p>
-      {% endif %}
+      {% endif %} -->
 
       <div class="col-md-12 feedback" id="feedback">
           <h3>Working...&nbsp;&nbsp;&nbsp;<span></span></h3>
@@ -68,7 +68,8 @@ <h3>Working...&nbsp;&nbsp;&nbsp;<span></span></h3>
 
       <p id="download-continue" class="feedback"><a href="/">Continue</a></p>
 
-      <section id="content">
+      <div class="container-full-bg">
+        <section id="content" style="margin-top:-60px!important; padding-top:30px!important;">
           {% block content %}{% endblock %}
       </section>
     </div>

app/templates/base.html

@@ -4,18 +4,29 @@
 {% block content %}
 
     {% if not 'ds_user_name' in session %}
-    <!-- IF not signed in -->
-    <div class="jumbotron">
-        <h1 class="display-4">Welcome!</h1>
-        <p class="Xlead">Welcome to the DocuSign Python examples using multiple OAuth flows (JWT and Authorization Code Grant).</p>
-    </div>
+  <!-- IF not signed in -->
+  <div>
+    <div class="jumbotron jumbotron-fluid"> <table>
+      <tbody>
+      <tr>
+      <td>
+        <h1 class="display-4">Python Launcher</h1>
+      <p class="Xlead">Welcome to the DocuSign Python examples using multiple OAuth flows (JWT and Authorization Code Grant).</p>
+      </td>
+      <td>
+          <img src="/static/assets/banner-code.png" />
+      </td>
+    </tr>
+    </tbody>
+    </table>
+  </div>
     {% endif %}
 
     <!--  Future: add a table of contents or navigation pane
           Eg, see https://stackoverflow.com/questions/21868610/make-column-fixed-position-in-bootstrap
     -->
 
-    <div id="index-page">
+    <div class="container" style="margin-top: 40px" id="index-page">
         <h2>Welcome</h2>
         <p>This launcher includes the following examples for the DocuSign eSignature REST API.</p>
 

app/templates/home.html

@@ -2,7 +2,7 @@
 {% extends "base.html" %}
 
 {% block content %}
-    <div class="jumbotron">
+    <div style="margin:1% 5%;">
       <h1 class="display-4">Please Authenticate with DocuSign</h1>
 
     <form method="post" data-busy="form" action={{ url_for("ds.ds_login") }}>
@@ -12,7 +12,7 @@ <h1 class="display-4">Please Authenticate with DocuSign</h1>
                 <option value="code_grant">Authorization Code Grant</option>
                 <option value="jwt">JSON Web Token</option>
             </select>
-            <p class="lead">
+            <p class="lead" style="padding-top: .5rem;">
                 <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
                 <button type="submit" class="btn btn-primary">Authenticate with DocuSign</button>
             </p>