Skip to content

E
edx-platform
Commit 8886b596 by marco
Options

basic shell for discussion home page with both profile information and email notification settings

parent 17f4579f
Showing with 104 additions and 49 deletions
lms/static/sass/_discussion.scss
......@@ -90,10 +90,6 @@
}
body.discussion {
.new-post-form-errors {
......@@ -739,14 +735,9 @@ body.discussion {
width: 25px;
height: 25px;
//margin-left: -17px;
background: url(../images/home-discussion-icon.png) no-repeat;
opacity: 1;
@include transition(none);
}
.home-btn {
//nothing here yet
}
}
.browse {
......@@ -827,7 +818,6 @@ body.discussion {
z-index: 50;
width: 100%;
height: 100%;
border-radius: 0 0 0 0;
border: 1px solid transparent;
text-align: center;
overflow: hidden;
......@@ -847,7 +837,7 @@ body.discussion {
@include transition(opacity .2s linear 0s);
}
.drop-arrow {
font-size:16px;
font-size: 16px;
}
}
......@@ -881,13 +871,6 @@ body.discussion {
.browse-topic-drop-menu {
max-height: 400px;
overflow-y: scroll;
.drop-menu-meta-category span,
.drop-menu-parent-category span {
margin: 10px 0;
font-size: 14px;
font-weight: 700;
}
}
......@@ -922,7 +905,7 @@ body.discussion {
.board-name {
float: left;
width: 80%;
margin: 5px 0;
margin: 13px 0;
color: #fff;
}
......@@ -940,14 +923,14 @@ body.discussion {
li li {
a {
padding-left: 44px;
background: url(../images/nested-icon.png) no-repeat 22px 5px;
background: url(../images/nested-icon.png) no-repeat 22px 14px;
}
}
li li li {
a {
padding-left: 68px;
background: url(../images/nested-icon.png) no-repeat 46px 5px;
background: url(../images/nested-icon.png) no-repeat 46px 14px;
}
}
}
......@@ -1275,9 +1258,6 @@ body.discussion {
}
}
.bottom-post-status {
padding: 30px;
font-size: 20px;
......@@ -1286,9 +1266,6 @@ body.discussion {
text-align: center;
}
.discussion-column {
float: right;
@include box-sizing(border-box);
......@@ -1306,34 +1283,85 @@ body.discussion {
}
.blank-slate {
//nothing here
.section {
section {
border-bottom: 1px solid #ccc;
margin-top: 15px;
}
.label {
font-size: 12px;
}
.home-header {
//nothing here
}
.home-title {
font-size: 18px;
color: #000;
color: $black;
margin-bottom: 5px;
}
.home-description {
font-size: 12px;
line-height: 1;
margin-bottom: 10px;
margin-bottom: $baseline/2;
}
.home-stats {
//nothing
.label-area {
display: inline-block;
min-width: $baseline*5;
width: 20%;
vertical-align: middle;
.profile-link {
//something
}
}
.stats-grouping {
display: inline-block;
width: 70%;
.profile-stat {
display: inline-block;
padding: $baseline;
vertical-align: middle;
}
}
}
.home-emailsettings {
//nothing here
.home-helpgrid {
border-bottom: none;
border-radius: 3px;
border: 1px solid #b2b2b2;
box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}
}
.helpgrid-list {
list-style-type: none;
padding: 0;
margin: 0;
.helpgrid-row {
border-bottom: 1px solid #b2b2b2;
.row-title {
padding: $baseline;
display: inline-block;
width: 20%;
background-color: $light-gray;
}
.row-item {
display: inline-block;
width: 20%;
}
}
}
.blank-slate,
.discussion-article {
position: relative;
padding: 40px;
......@@ -1442,7 +1470,7 @@ body.discussion {
.responses {
list-style: none;
margin-top: 40px;
margin-top: $baseline;
padding: 0;
> li {
......
lms/templates/discussion/_thread_list_template.html
<script type="text/template" id="thread-list-template">
<div class="browse-search">
<div class="home">
<a href="#" class="home-icon"></a>
<a href="#" class="home-btn"></a>
<a href="#" class="home-icon">
<i class="icon-home"></i>
</a>
</div>
<div class="browse is-open">
<a href="#" class="browse-topic-drop-icon"></a>
......
lms/templates/discussion/index.html
......@@ -26,22 +26,48 @@
<div class="sidebar"></div>
<div class="discussion-column">
<div class="discussion-article blank-slate">
<div class="home-header section">
<h1 class="home-title">${course.display_name_with_default} Discussion Home</h1>
<section class="home-header">
<span class="label">DISCUSSION HOME:</span>
<h1 class="home-title">${course.display_name_with_default}</h1>
<p class="home-description">Welcome to ${course.display_name_with_default}'s Discussion Home. Select a discussion from the left, or review your profile, participation and email notification settings below.
</p>
</div>
<div class="home-stats section">
The home-stats
</div>
<div class="home-emailsettings section">
The home-emailsettings
</div>
</section>
<section class="home-stats">
<div class="label-area">
<span class="label"> PROFILE, PARTICIPATION</span>
<a href="#" class="profile-link">Your profile Name</a>
</div>
<div class="stats-grouping">
<div class="profile-stat profile-stat-posts">5 POSTS</div>
<div class="profile-stat profile-stat-comments">12 COMMENTS</div>
<div class="profile-stat profile-stat-following">9 POSTS I'M FOLLOWING</div>
</div>
</section>
<span class="label">HOW TO USE EDX DISCUSSIONS</span>
<section class="home-helpgrid">
<ul class="helpgrid-list">
<li class="helpgrid-row helpgrid-row-navigation">
<span class="row-title">Navigation</span>
<div class="row-item">Focus in on specific topics</div>
<div class="row-item">Search for specific posts</div>
<div class="row-item">Sort by date, vote, or comments</div>
</li>
<li class="helpgrid-row helpgrid-row-participation">
<span class="row-title">Participation</span>
<div class="row-item">Upvote posts and good responses</div>
<div class="row-item">Report Forum Misuse</div>
<div class="row-item">Follow posts for updates</div>
</li>
<li class="helpgrid-row helpgrid-row-notification">
<span class="row-title">Notification</span>
</li>
</ul>
</section>
</div>
</div>
</div>
</section>
</section>
<%include file="_underscore_templates.html" />
<%include file="_thread_list_template.html" />
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment