From 2cda535a355c1f2697887ee87f582689bb885dc9 Mon Sep 17 00:00:00 2001
From: Wilco Louwerse <wilco@conduction.nl>
Date: Thu, 22 Oct 2020 16:34:47 +0200
Subject: [PATCH] Update van de general dashboard page

---
 api/templates/dashboard/general.html.twig | 162 +++-------------------
 api/translations/messages.nl.xlf          |  20 ++-
 2 files changed, 37 insertions(+), 145 deletions(-)

diff --git a/api/templates/dashboard/general.html.twig b/api/templates/dashboard/general.html.twig
index 3955f782..03c24ce6 100644
--- a/api/templates/dashboard/general.html.twig
+++ b/api/templates/dashboard/general.html.twig
@@ -18,7 +18,7 @@
 
                         <!-- Heading -->
                         <h4 class="mb-0">
-                            Basic Information
+                            {{ 'basic information'|trans|capitalize }}
                         </h4>
 
                     </div>
@@ -31,8 +31,8 @@
 
                                     <!-- Name -->
                                     <div class="form-group">
-                                        <label for="name">Name</label>
-                                        <input class="form-control" id="name" type="text" placeholder="Full name">
+                                        <label for="name">{{ 'name'|trans|capitalize }}</label>
+                                        <input class="form-control" id="name" type="text" placeholder="{{ 'full name'|trans|capitalize }}">
                                     </div>
 
                                 </div>
@@ -40,17 +40,8 @@
 
                                     <!-- Email -->
                                     <div class="form-group">
-                                        <label for="email">Email</label>
-                                        <input class="form-control" id="email" type="email" placeholder="name@address.com">
-                                    </div>
-
-                                </div>
-                                <div class="col-12">
-
-                                    <!-- Bio -->
-                                    <div class="form-group">
-                                        <label>Bio</label>
-                                        <div class="ql-toolbar ql-snow"><span class="ql-formats"><button type="button" class="ql-bold"><svg viewBox="0 0 18 18"> <path class="ql-stroke" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"></path> <path class="ql-stroke" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"></path> </svg></button><button type="button" class="ql-italic"><svg viewBox="0 0 18 18"> <line class="ql-stroke" x1="7" x2="13" y1="4" y2="4"></line> <line class="ql-stroke" x1="5" x2="11" y1="14" y2="14"></line> <line class="ql-stroke" x1="8" x2="10" y1="14" y2="4"></line> </svg></button></span><span class="ql-formats"><button type="button" class="ql-link"><svg viewBox="0 0 18 18"> <line class="ql-stroke" x1="7" x2="11" y1="7" y2="11"></line> <path class="ql-even ql-stroke" d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"></path> <path class="ql-even ql-stroke" d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"></path> </svg></button><button type="button" class="ql-blockquote"><svg viewBox="0 0 18 18"> <rect class="ql-fill ql-stroke" height="3" width="3" x="4" y="5"></rect> <rect class="ql-fill ql-stroke" height="3" width="3" x="11" y="5"></rect> <path class="ql-even ql-fill ql-stroke" d="M7,8c0,4.031-3,5-3,5"></path> <path class="ql-even ql-fill ql-stroke" d="M14,8c0,4.031-3,5-3,5"></path> </svg></button><button type="button" class="ql-code"><svg viewBox="0 0 18 18"> <polyline class="ql-even ql-stroke" points="5 7 3 9 5 11"></polyline> <polyline class="ql-even ql-stroke" points="13 7 15 9 13 11"></polyline> <line class="ql-stroke" x1="10" x2="8" y1="5" y2="13"></line> </svg></button><button type="button" class="ql-image"><svg viewBox="0 0 18 18"> <rect class="ql-stroke" height="10" width="12" x="3" y="4"></rect> <circle class="ql-fill" cx="6" cy="7" r="1"></circle> <polyline class="ql-even ql-fill" points="5 12 5 11 7 9 8 10 11 7 13 9 13 12 5 12"></polyline> </svg></button></span><span class="ql-formats"><button type="button" class="ql-list" value="ordered"><svg viewBox="0 0 18 18"> <line class="ql-stroke" x1="7" x2="15" y1="4" y2="4"></line> <line class="ql-stroke" x1="7" x2="15" y1="9" y2="9"></line> <line class="ql-stroke" x1="7" x2="15" y1="14" y2="14"></line> <line class="ql-stroke ql-thin" x1="2.5" x2="4.5" y1="5.5" y2="5.5"></line> <path class="ql-fill" d="M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z"></path> <path class="ql-stroke ql-thin" d="M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156"></path> <path class="ql-stroke ql-thin" d="M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109"></path> </svg></button><button type="button" class="ql-list" value="bullet"><svg viewBox="0 0 18 18"> <line class="ql-stroke" x1="6" x2="15" y1="4" y2="4"></line> <line class="ql-stroke" x1="6" x2="15" y1="9" y2="9"></line> <line class="ql-stroke" x1="6" x2="15" y1="14" y2="14"></line> <line class="ql-stroke" x1="3" x2="3" y1="4" y2="4"></line> <line class="ql-stroke" x1="3" x2="3" y1="9" y2="9"></line> <line class="ql-stroke" x1="3" x2="3" y1="14" y2="14"></line> </svg></button></span></div><div data-quill="{&quot;placeholder&quot;: &quot;Quill WYSIWYG&quot;}" class="ql-container ql-snow"><div class="ql-editor ql-blank" data-gramm="false" contenteditable="true" data-placeholder="Quill WYSIWYG"><p><br></p></div><div class="ql-clipboard" contenteditable="true" tabindex="-1"></div><div class="ql-tooltip ql-hidden"><a class="ql-preview" rel="noopener noreferrer" target="_blank" href="about:blank"></a><input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL"><a class="ql-action"></a><a class="ql-remove"></a></div></div>
+                                        <label for="email">{{ 'email'|trans|capitalize }}</label>
+                                        <input class="form-control" id="email" type="email" placeholder="{{ 'name@address.com'|trans|capitalize }}">
                                     </div>
 
                                 </div>
@@ -58,7 +49,7 @@
 
                                     <!-- Button -->
                                     <button class="btn btn-block btn-primary" type="submit">
-                                        Save changes
+                                        {{ 'save changes'|trans|capitalize }}
                                     </button>
 
                                 </div>
@@ -74,150 +65,39 @@
 
                         <!-- Heading -->
                         <h4 class="mb-0">
-                            Your media
+                            {{ 'become a developer'|trans|capitalize }}
                         </h4>
 
                     </div>
-                    <div class="card-body">
-
-                        <!-- List group -->
-                        <div class="list-group list-group-flush">
-                            <div class="list-group-item">
-                                <div class="row align-items-center">
-                                    <div class="col-auto">
-
-                                        <!-- Avatar -->
-                                        <div class="avatar avatar-xl">
-                                            <img class="avatar-img rounded-circle" src="assets/img/avatars/avatar-1.jpg" alt="...">
-                                        </div>
-
-                                    </div>
-                                    <div class="col ml-n5">
-
-                                        <!-- Heading -->
-                                        <p class="mb-0">
-                                            Your avatar
-                                        </p>
-
-                                        <!-- Text -->
-                                        <small class="text-gray-700">
-                                            PNG or JPG no larger than 1000px
-                                        </small>
-
-                                    </div>
-                                    <div class="col-12 col-md-auto">
-
-                                        <!-- Button -->
-                                        <button class="btn btn-xs btn-block btn-primary mt-5 mt-md-0">
-                                            Upload
-                                        </button>
-
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="list-group-item">
-
-                                <!-- Heading -->
-                                <p class="mb-0">
-                                    Profile cover
-                                </p>
-
-                                <!-- Text -->
-                                <p class="small text-gray-700">
-                                    PNG or JPG at 16:9 ratio no larger than 2MB
-                                </p>
-
-                                <!-- Dropzone -->
-                                <div class="dropzone dropzone-single dz-clickable" data-dropzone="{&quot;url&quot;: &quot;https://&quot;, &quot;maxFiles&quot;: 1, &quot;acceptedFiles&quot;: &quot;image/*&quot;}">
-
-                                    <!-- Fallback -->
-
-                                    <!-- Preview -->
-                                    <div class="dz-preview dz-preview-single"></div>
-
-                                    <div class="dz-default dz-message"><button class="dz-button" type="button">Drop files here to upload</button></div></div>
-
-                            </div>
-                        </div>
-                    </div>
-                </div>
 
-                <!-- Card -->
-                <div class="card card-bleed shadow-light-lg mb-8">
-                    <div class="card-header">
-
-                        <!-- Title -->
-                        <h4 class="mb-0">
-                            Privacy
-                        </h4>
-
-                    </div>
                     <div class="card-body">
 
-                        <!-- List group -->
-                        <div class="list-group list-group-flush">
-                            <div class="list-group-item">
-                                <div class="row align-items-center">
-                                    <div class="col">
-
-                                        <!-- Heading -->
-                                        <p class="mb-0">
-                                            Public Profile
-                                        </p>
-
-                                        <!-- Text -->
-                                        <small class="text-gray-700">
-                                            Making your profile public means anyone can see your information.
-                                        </small>
+                        <!-- Form -->
+                        <form>
+                            <div class="row">
+                                <div class="col-12 col-md-12">
 
+                                    <!-- Name -->
+                                    <div class="form-group">
+                                        <label for="name">input1</label>
+                                        <input class="form-control" id="name" type="text" placeholder="Some input">
                                     </div>
-                                    <div class="col-auto">
 
-                                        <!-- Switch -->
-                                        <div class="custom-control custom-switch">
-                                            <input type="checkbox" class="custom-control-input" id="switchOne" checked="">
-                                            <label class="custom-control-label" for="switchOne"></label>
-                                        </div>
-
-                                    </div>
                                 </div>
-                            </div>
-                            <div class="list-group-item">
-                                <div class="row align-items-center">
-                                    <div class="col">
-
-                                        <!-- Heading -->
-                                        <p class="mb-0">
-                                            Expose your email
-                                        </p>
-
-                                        <!-- Text -->
-                                        <small class="text-gray-700">
-                                            This lets users find you by your email address.
-                                        </small>
-
-                                    </div>
-                                    <div class="col-auto">
+                                <div class="col-12 col-md-auto">
 
-                                        <!-- Switch -->
-                                        <div class="custom-control custom-switch">
-                                            <input type="checkbox" class="custom-control-input" id="switchTwo" checked="">
-                                            <label class="custom-control-label" for="switchTwo"></label>
-                                        </div>
+                                    <!-- Button -->
+                                    <button class="btn btn-block btn-primary" type="submit">
+                                        {{ 'submit'|trans|capitalize }}
+                                    </button>
 
-                                    </div>
                                 </div>
                             </div>
-                        </div>
+                        </form>
 
                     </div>
                 </div>
 
-                <!-- Text -->
-                <p class="text-center mb-0">
-                    <small class="text-muted">If you no longer want to use Landkit, you can <a class="text-danger" href="#!">delete your account</a>.</small>
-                </p>
-
             </div>
         </div> <!-- / .row -->
     </div> <!-- / .container -->
diff --git a/api/translations/messages.nl.xlf b/api/translations/messages.nl.xlf
index 1f4196a2..482d72f6 100644
--- a/api/translations/messages.nl.xlf
+++ b/api/translations/messages.nl.xlf
@@ -113,10 +113,6 @@
         <source>place of birth</source>
         <target>geboorteplaats</target>
       </trans-unit>
-      <trans-unit id="6vlkJoC" resname="account">
-        <source>account</source>
-        <target>account</target>
-      </trans-unit>
       <trans-unit id="i3d2VKI" resname="wallet">
         <source>wallet</source>
         <target>wallet</target>
@@ -169,6 +165,14 @@
         <source>scope</source>
         <target>omvang</target>
       </trans-unit>
+      <trans-unit id="FGoSMXE" resname="basic information">
+        <source>basic information</source>
+        <target>basis informatie</target>
+      </trans-unit>
+      <trans-unit id="Xnff1qp" resname="become a developer">
+        <source>become a developer</source>
+        <target>word een ontwikkelaar</target>
+      </trans-unit>
       <trans-unit id="LZRrwur" resname="internships">
         <source>internships</source>
         <target>stages</target>
@@ -197,6 +201,10 @@
         <source>submit</source>
         <target>indienen</target>
       </trans-unit>
+      <trans-unit id="cWNckVO" resname="save changes">
+        <source>save changes</source>
+        <target>wijzigingen opslaan</target>
+      </trans-unit>
       <trans-unit id="l6XSncR" resname="properties of the request">
         <source>properties of the request</source>
         <target>eigenschappen van het verzoek</target>
@@ -397,6 +405,10 @@
         <source>last name</source>
         <target>achternaam</target>
       </trans-unit>
+      <trans-unit id="QrLCrPL" resname="full name">
+        <source>full name</source>
+        <target>voor-en achternaam</target>
+      </trans-unit>
       <trans-unit id="KOYEmu." resname="What product do you want to subscribe to:">
         <source>What product do you want to subscribe to:</source>
         <target>voor welke producten with u abonneren</target>