studio - tender widget: added initial reference and behavior

cms/static/sass/_tender-widget.scss

@@ -0,0 +1,20 @@
+// tender help/support widget
+// ====================
+
+// tender help link
+
+
+// ====================
+
+// tender modal UI
+#tender_window {
+
+}
+
+#tender_frame {
+
+}
+
+.widget-layout {
+  font-family: 'Open Sans', sans-serif;
+}

cms/static/sass/base-style.scss

@@ -32,6 +32,7 @@
 @import "account";
 @import "index";
 @import 'jquery-ui-calendar';
+@import 'tender-widget';
 
 @import 'content-types';
 

cms/templates/base.html

@@ -56,6 +56,7 @@
     <%include file="widgets/footer.html" />
 
     <%block name="jsextra"></%block>
+    <%include file="widgets/tender.html" />
   </body>
 </html>
 

cms/templates/widgets/footer.html

@@ -17,13 +17,12 @@
         <li class="nav-item nav-peripheral-help">
           <a href="http://help.edge.edx.org/" rel="external">edX Studio Help</a>
         </li>
+        <li class="nav-item nav-peripheral-tender show-tender">
+          <a class="show-tender" href="http://help.edge.edx.org/discussion/new">Provide Feedback</a>
+        </li>
         <li class="nav-item nav-peripheral-contact">
           <a href="https://www.edx.org/contact" rel="external">Contact edX</a>
         </li>
-        
-        % if user.is_authenticated():
-        <!-- add in zendesk/tender feedback form UI -->
-        % endif
       </ol>
     </nav>
   </footer>

cms/templates/widgets/tender.html

@@ -0,0 +1,13 @@
+% if user.is_authenticated():
+<script type="text/javascript">
+  Tender = {
+    hideToggle: true,
+    title: '',
+    body: '',
+    hide_kb: 'true',
+    widgetToggles: $('.show-tender'),
+
+  }
+</script>
+<script src="https://edxedge.tenderapp.com/tender_widget.js" type="text/javascript"></script>
+% endif