Skip to content
This repository was archived by the owner on Nov 28, 2018. It is now read-only.

Commit a8d398f

Browse files
author
Anthony Ngene
authored
Merge pull request #3 from andela-angene/feedback-page
Feedback and partners page
2 parents b48950f + dfac571 commit a8d398f

69 files changed

Lines changed: 1927 additions & 286 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

coursebuilder/modules/explorer/_static/components/course-cards/course-card.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,9 @@ <h2>[[course.title]]</h2>
2020
</div>
2121
<div class="card-action">
2222
<div>
23-
<a href="[[_getUrl(course)]]">Explore</a>
23+
<a href="[[_getUrl(course)]]">
24+
<button class="btn waves-effect waves-dark">Explore</button>
25+
</a>
2426
</div>
2527
</div>
2628
</div>

coursebuilder/modules/explorer/_static/components/course-explorer/course-explorer.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@
1010
<link rel="import" href="/modules/explorer/_static/components/pages/homepage.html">
1111
<link rel="import" href="/modules/explorer/_static/components/pages/certification.html">
1212
<link rel="import" href="/modules/explorer/_static/components/pages/tools-page.html">
13+
<link rel="import" href="/modules/explorer/_static/components/pages/partners-page.html">
14+
<link rel="import" href="/modules/explorer/_static/components/pages/feedback-page.html">
1315

1416

1517
<dom-module id="course-explorer">
@@ -20,7 +22,11 @@
2022

2123
<certification-page current-user="[[currentUser]]"></certification-page>
2224

23-
<tools-page current-user="[[currentUser]]"></tools-page>
25+
<tools-page></tools-page>
26+
27+
<partners-page></partners-page>
28+
29+
<feedback-page></feedback-page>
2430

2531

2632
<div id="explorer" class="page-wrapper">
Lines changed: 192 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
<link rel="import" href="/static/polymer-1.2.0/polymer/polymer.html">
2+
3+
4+
<dom-module id="feedback-page">
5+
<template>
6+
<div id="feedback" class="page-wrapper">
7+
8+
<div class="section blue-section">
9+
<div class="blue-section-inner">
10+
<h2 style="padding-left: 50px; border: 30px">Share feedback</h2>
11+
</div>
12+
</div>
13+
14+
<div class="container">
15+
<div class="row">
16+
<div class="col l10 offset-l1">
17+
<nav>
18+
<ul id="tabs-swipe-demo" class="tabs" style="height: 80px">
19+
<li class="tab col s4"><a class="active" style="text-transform: capitalize;" href="#general">
20+
<i class="material-icons grey-text">feedback</i>
21+
<h3>General</h3></a></li>
22+
<li class="tab col s4"><a style="text-transform: capitalize;" href="#content">
23+
<i class="material-icons grey-text">book</i>
24+
<h3>Content</h3></a></li>
25+
<li class="tab col s4"><a style="text-transform: capitalize;" href="#report-bug">
26+
<i class="material-icons grey-text">bug_report</i>
27+
<h3>Report a bug</h3></a></li>
28+
</ul>
29+
30+
<div id="general" class="col s12 blue-text">
31+
<h3 style="font-size: 1.375em; margin: 1.9em 0 0.9em; color: #4054B2">
32+
Related frequently asked question
33+
</h3>
34+
<div class="row white">
35+
<ul class="collapsible" data-collapsible="accordion">
36+
<li class="col s12">
37+
<div class="collapsible-header">
38+
<p class="grey-text col l7">Lost progress?</p>
39+
<i class="material-icons right col l1 offset-l9 grey-text">keyboard_arrow_down</i></div>
40+
<div class="collapsible-body grey-text white"><span>
41+
<p>
42+
Don't worry. There's a good chance your progress is simply linked to one of your other email accounts. Try switching your login details to check any other profiles you might have registered.
43+
</p>
44+
<p>
45+
Still having trouble? Click the General feedback option and let us know.
46+
</p>
47+
</span></div>
48+
</li>
49+
</ul>
50+
</div>
51+
<h3 style="font-size: 1.375em; margin: 1.9em 0 0.9em; color: #4054B2">
52+
General feedback
53+
</h3>
54+
55+
<div class="row white">
56+
<form class="col s12">
57+
<div class="row">
58+
<div class="input-field col s12">
59+
<input id="email" type="email" class="validate">
60+
<label for="email">Email</label>
61+
</div>
62+
</div>
63+
<div class="row">
64+
<div class="input-field col s12">
65+
<textarea id="textarea1" class="materialize-textarea"></textarea>
66+
<label for="textarea1">Tell us about content ideas or feedback you'd like to share</label>
67+
</div>
68+
<div class="col s12">
69+
0/1000
70+
</div>
71+
</div>
72+
<div class="card-action col s12">
73+
<a href="https://freeformers.com/" class="right"
74+
style="color: #4054b2; font-weight: 700; font-family: Roboto,Arial,sans-serif;">SHARE</a>
75+
</div>
76+
</form>
77+
</div>
78+
79+
<div>
80+
<p style="padding: 2rem; line-height: 2.8rem; color: #757575;">
81+
The information you submit will be used in compliance with Google’s <a class="blue-text">Privacy
82+
Policy</a>. We may contact you at the e-mail address you provided.
83+
</p>
84+
</div>
85+
86+
</div>
87+
88+
<div id="content" class="col s12">
89+
<h3 style="font-size: 1.375em; margin: 1.9em 0 0.9em; color: #4054B2">
90+
Content feedback
91+
</h3>
92+
<div class="row white">
93+
<form class="col s12">
94+
<div class="row">
95+
<div class="input-field col s12">
96+
<input id="email" type="email" class="validate">
97+
<label for="email">Email</label>
98+
</div>
99+
</div>
100+
<div class="row">
101+
<div class="input-field col s12">
102+
<textarea id="textarea2" class="materialize-textarea"></textarea>
103+
<label for="textarea2">Tell us about content ideas or feedback you'd like to share</label>
104+
</div>
105+
<div class="col s12">
106+
0/1000
107+
</div>
108+
</div>
109+
<div class="card-action col s12">
110+
<a href="https://freeformers.com/" class="right"
111+
style="color: #4054b2; font-weight: 700; font-family: Roboto,Arial,sans-serif;">SHARE</a>
112+
</div>
113+
</form>
114+
</div>
115+
116+
</div>
117+
118+
<div id="report-bug" class="col s12">
119+
<h3 style="font-size: 1.375em; margin: 1.9em 0 0.9em; color: #4054B2">
120+
Related frequently asked question
121+
</h3>
122+
<div class="row white">
123+
<ul class="collapsible" data-collapsible="accordion">
124+
<li class="col s12">
125+
<div class="collapsible-header">
126+
<p class="grey-text col l7">Lost progress?</p>
127+
<i class="material-icons right col l1 offset-l9 grey-text">keyboard_arrow_down</i></div>
128+
<div class="collapsible-body grey-text white"><span>
129+
<p>
130+
Don't worry. There's a good chance your progress is simply linked to one of your other email accounts. Try switching your login details to check any other profiles you might have registered.
131+
</p>
132+
<p>
133+
Still having trouble? Click the General feedback option and let us know.
134+
</p>
135+
</span></div>
136+
</li>
137+
</ul>
138+
</div>
139+
<h3 style="font-size: 1.375em; margin: 1.9em 0 0.9em; color: #4054B2">
140+
Report a bug
141+
</h3>
142+
143+
<div class="row white">
144+
<form class="col s12">
145+
<div class="row">
146+
<div class="input-field col s12">
147+
<input id="email" type="email" class="validate">
148+
<label for="email">Email</label>
149+
</div>
150+
</div>
151+
<div class="row">
152+
<div class="input-field col s12">
153+
<textarea id="textarea3" class="materialize-textarea"></textarea>
154+
<label for="textarea3">Tell us about content ideas or feedback you'd like to share</label>
155+
</div>
156+
<div class="col s12">
157+
0/1000
158+
</div>
159+
</div>
160+
<div class="card-action col s12">
161+
<a href="https://freeformers.com/" class="right"
162+
style="color: #4054b2; font-weight: 700; font-family: Roboto,Arial,sans-serif;">SHARE</a>
163+
</div>
164+
</form>
165+
</div>
166+
167+
<div>
168+
<p style="padding: 2rem; line-height: 2.8rem; color: #757575;">
169+
The information you submit will be used in compliance with Google’s <a class="blue-text">Privacy
170+
Policy</a>. We may contact you at the e-mail address you provided.
171+
</p>
172+
</div>
173+
174+
</div>
175+
176+
</nav>
177+
</div>
178+
</div>
179+
</div>
180+
</div>
181+
</template>
182+
183+
<script>
184+
Polymer({
185+
is: 'feedback-page',
186+
properties: {
187+
currentUser: Object,
188+
site: Object
189+
}
190+
})
191+
</script>
192+
</dom-module>

0 commit comments

Comments
 (0)