Merge pull request #15316 from CartoDB/15284-feedback-form

Add feedback form link

assets/stylesheets/common/create/listing/imports_options.scss

@@ -71,8 +71,6 @@ $w: $sLayout-width;
   }
 
   &__label {
-    width: 160px !important;
-
     &--textarea {
       padding-top: 12px;
     }
@@ -110,6 +108,11 @@ $w: $sLayout-width;
   &__hint {
     width: 460px;
   }
+
+  &__feedback {
+    padding-top: 75px;
+    text-align: center;
+  }
 }
 
 .is-disabled .ImportOptions__overlay {

lib/assets/javascripts/builder/components/modals/add-layer/content/imports/import-bigquery/import-bigquery-form.tpl

@@ -1,6 +1,6 @@
 <form class="Form js-form">
   <div class="Form-row u-alignCenter">
-    <div class="Form-rowLabel ImportOptions__label">
+    <div class="Form-rowLabel">
       <label class="Form-label CDB-Text CDB-Size-medium u-mainTextColor"><%- _t('components.modals.add-layer.imports.bigquery.field-project-billing') %></label>
     </div>
     <div class="">
@@ -8,7 +8,7 @@
     </div>
   </div>
   <div class="Form-row u-flex__align--start">
-    <div class="Form-rowLabel ImportOptions__label ImportOptions__label--textarea">
+    <div class="Form-rowLabel ImportOptions__label--textarea">
       <label class="Form-label CDB-Text CDB-Size-medium u-mainTextColor"><%- _t('components.modals.add-layer.imports.bigquery.field-sql-query') %></label>
     </div>
     <div>
@@ -19,11 +19,16 @@
     </div>
   </div>
   <div class="Form-row">
-    <div class="Form-rowLabel ImportOptions__label ImportOptions__label--textarea"></div>
+    <div class="Form-rowLabel ImportOptions__label--textarea"></div>
     <div class="Form-row ImportOptions__input--long u-flex__justify--end">
       <button type="submit" class="CDB-Button CDB-Button--primary is-disabled js-submit">
         <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-small u-upperCase"><%- _t('components.modals.add-layer.imports.bigquery.run') %></span>
       </button>
     </div>
   </div>
+  <div class="ImportOptions__feedback">
+    <p class="CDB-Text CDB-Size-medium">
+      <span class="u-secondaryTextColor"><%- _t('components.modals.add-layer.imports.bigquery.feedback-text') %> <a href="https://docs.google.com/forms/d/e/1FAIpQLSf9U6Yca37TlpguW_mC6nr9YdyBJzipCjf_QSHNkqlmkQ8dgQ/viewform" target="_blank"><%- _t('components.modals.add-layer.imports.bigquery.feedback-link') %></a></span>
+    </p>
+  </div>
 </form>

lib/assets/javascripts/locale/en.json

@@ -1357,7 +1357,9 @@
                         "field-sql-query": "SQL query",
                         "hint": "If your query contains geographic data in EPSG:4326 format, name that column “the_geom” so that it’s imported correctly.",
                         "run": "Run SQL query",
-                        "placeholder": "SELECT *, ST_GeogPoint(longitude, latitude) AS the_geom FROM mytable"
+                        "placeholder": "SELECT *, ST_GeogPoint(longitude, latitude) AS the_geom FROM mytable",
+                        "feedback-text": "Have feedback or questions about the BigQuery connector?",
+                        "feedback-link": "Please let us know!"
                     },
                     "notenabled": {
                         "fallback-desc": "This connector is not currently enabled in your account. Please, contact us if you are interested.",