From 5f2dc8c44e1b2c143e82b68b80c7890b371b9e57 Mon Sep 17 00:00:00 2001
From: Keshav Garg <co16326.ccet@gmail.com>
Date: Thu, 1 Aug 2019 13:48:09 +0530
Subject: [PATCH] community/: Add a newcomer promotion request form

Closes https://github.com/coala/community/issues/281
---
 static/css/main.css            |   7 ++
 templates/community_forms.html | 152 +++++++++++++++++++++++++++++++++
 2 files changed, 159 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index 5c00f1d0..a8a63c18 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -115,6 +115,13 @@ body {
     padding: 5px 10px 0 10px;
 }
 
+.form-step-div {
+    box-shadow: 0 -5px 15px black;
+    margin: 30px 0 20px 0;
+    border-radius: 30px;
+    padding: 5px 10px 0 10px;
+}
+
 footer .footer-icons {
     display: flex;
     flex-wrap: wrap;
diff --git a/templates/community_forms.html b/templates/community_forms.html
index 20dc2572..06ad22a9 100644
--- a/templates/community_forms.html
+++ b/templates/community_forms.html
@@ -678,3 +678,155 @@ <h5 class="text-center custom-green-color-font bold-text">
     <input class="waves-effect waves-light btn-large large-font" type="submit" value="Submit">
   </div>
 </form>
+
+<form name="{{ newcomer_promotion_form_name }}" method="post"
+      netlify-honeypot="bot-field" class="newcomer-promotion-form display-none"
+      data-netlify="true" action="/">
+  <h5 class="text-center custom-green-color-font bold-text">
+    On which Issue you want to work?
+  </h5>
+  {% csrf_token %}
+  <div class="form-step-div">
+    <h6 class="bold-text custom-green-color-font">User Details</h6>
+    <div class="row">
+      <div class="input-field col s12">
+        <p>{{ newcomer_promotion_form.github_username.label_tag }}</p>
+        {{ newcomer_promotion_form.github_username }}
+      </div>
+    </div>
+    <div class="row">
+      <div class="input-field col s12">
+        {{ newcomer_promotion_form.gitlab_user_id.label_tag }}
+        {{ newcomer_promotion_form.gitlab_user_id }}
+      </div>
+    </div>
+  </div>
+  <div class="form-step-div">
+    <h6 class="bold-text custom-green-color-font">Personal Project Details</h6>
+    <div class="row">
+      <div class="input-field col s12">
+        {{ newcomer_promotion_form.project_web_url.label_tag }}
+        {{ newcomer_promotion_form.project_web_url }}
+        <i class="fa fa-info-circle" aria-hidden="true">{{ newcomer_promotion_form.project_web_url.help_text }}</i>
+      </div>
+    </div>
+    <div style="padding-left: 10px">
+      <h6 class="bold-text custom-green-color-font">Files Relative Path
+        (to project root)
+      </h6>
+      <div class="row">
+        <div class="input-field col s12">
+          {{ newcomer_promotion_form.build_file_relative_path.label_tag }}
+          {{ newcomer_promotion_form.build_file_relative_path }}
+          <i class="fa fa-info-circle" aria-hidden="true">{{ newcomer_promotion_form.build_file_relative_path.help_text }}</i>
+        </div>
+      </div>
+      <div class="row">
+        <div class="input-field col s12">
+          {{ newcomer_promotion_form.coafile_relative_path.label_tag }}
+          {{ newcomer_promotion_form.coafile_relative_path }}
+          <i class="fa fa-info-circle" aria-hidden="true">{{ newcomer_promotion_form.coafile_relative_path.help_text }}</i>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="input-field col s12">
+        {{ newcomer_promotion_form.gist_or_snippet_id.label_tag }}
+        {{ newcomer_promotion_form.gist_or_snippet_id }}
+        <i class="fa fa-info-circle" aria-hidden="true">{{ newcomer_promotion_form.gist_or_snippet_id.help_text }}</i>
+      </div>
+    </div>
+  </div>
+  <div class="form-step-div">
+    <h6 class="bold-text custom-green-color-font">Newcomer Issue Related
+      Details</h6>
+    <div class="row">
+      <div class="input-field col s12">
+        {{ newcomer_promotion_form.newcomer_solved_issue_web_url.label_tag }}
+        {{ newcomer_promotion_form.newcomer_solved_issue_web_url }}
+        <i class="fa fa-info-circle" aria-hidden="true">{{ newcomer_promotion_form.newcomer_solved_issue_web_url.help_text }}</i>
+      </div>
+    </div>
+    <div class="row">
+      <div class="input-field col s12">
+        {{ newcomer_promotion_form.newcomer_issue_related_pr.label_tag }}
+        {{ newcomer_promotion_form.newcomer_issue_related_pr }}
+        <i class="fa fa-info-circle" aria-hidden="true">{{ newcomer_promotion_form.newcomer_issue_related_pr.help_text }}</i>
+      </div>
+    </div>
+    <div class="row">
+      <div class="input-field col s12">
+        {{ newcomer_promotion_form.newcomer_issue_pr_reviewed_url.label_tag }}
+        {{ newcomer_promotion_form.newcomer_issue_pr_reviewed_url }}
+        <i class="fa fa-info-circle" aria-hidden="true">{{ newcomer_promotion_form.newcomer_issue_pr_reviewed_url.help_text }}</i>
+      </div>
+    </div>
+  </div>
+  <div class="form-step-div">
+    <h6 class="bold-text custom-green-color-font">Low Difficulty Issue
+      Related Details</h6>
+    <div class="row">
+      <div class="input-field col s12">
+        {{ newcomer_promotion_form.low_level_solved_issue_web_url.label_tag }}
+        {{ newcomer_promotion_form.low_level_solved_issue_web_url }}
+        <i class="fa fa-info-circle" aria-hidden="true">{{ newcomer_promotion_form.low_level_solved_issue_web_url.help_text }}</i>
+      </div>
+    </div>
+    <div class="row">
+      <div class="input-field col s12">
+        {{ newcomer_promotion_form.low_level_issue_related_pr.label_tag }}
+        {{ newcomer_promotion_form.low_level_issue_related_pr }}
+        <i class="fa fa-info-circle" aria-hidden="true">{{ newcomer_promotion_form.low_level_issue_related_pr.help_text }}</i>
+      </div>
+    </div>
+    <div class="row">
+      <div class="input-field col s12">
+        {{ newcomer_promotion_form.low_level_issue_pr_reviewed_url.label_tag }}
+        {{ newcomer_promotion_form.low_level_issue_pr_reviewed_url }}
+        <i class="fa fa-info-circle" aria-hidden="true">{{ newcomer_promotion_form.low_level_issue_pr_reviewed_url.help_text }}</i>
+      </div>
+    </div>
+    <div class="row">
+      <div class="input-field col s12">
+        {{ newcomer_promotion_form.request_created_by_user }}
+      </div>
+    </div>
+  </div>
+  <div class="validation-checkboxes">
+    <p>
+      <label>
+        <input type="checkbox" required>
+        <span>I am a member of {{ org.name }} oragnization.</span>
+      </label>
+    </p>
+    <p>
+      <label>
+        <input type="checkbox" required>
+        <span>I have not submitted this form for more than 3 times. If so, I
+          am liable of getting blacklisted!</span>
+      </label>
+    </p>
+    <p>
+      <label>
+        <input type="checkbox" required>
+        <span>All of the above information provided by me has no false
+          entries. If so, I am liable of getting blacklisted.</span>
+      </label>
+    </p>
+    <p style="display: none">
+      <label>
+        <input type="checkbox" name="bot-field">
+        <span>I am a bot</span>
+      </label>
+    </p>
+    <p>
+      <strong>
+        Note: You will receive an email within 24 hrs, if any of the
+        validation checks are not passed.
+      </strong>
+    </p>
+  </div>
+  <div class="apply-flex center-content submit-btn">
+    <input class="waves-effect waves-light btn-large large-font" type="submit" value="Submit">
+  </div>
+</form>