|
15 | 15 | font-size: 20px; |
16 | 16 | } |
17 | 17 |
|
| 18 | +reward { |
| 19 | + font-size: 15px; |
| 20 | + color: #FF4444; |
| 21 | +} |
| 22 | + |
18 | 23 | .ans { |
19 | 24 | height: 40px; |
20 | 25 | width: 75px; |
|
116 | 121 | </script> |
117 | 122 |
|
118 | 123 | <div class="container"> |
119 | | - |
| 124 | + |
120 | 125 | <div class="page-header"> |
121 | 126 | <a class="btn btn-lg btn-warning pull-right" href="#search"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> Find</a><a class="btn btn-lg btn-danger pull-right" href="/add/">Ask Question</a><h1><a href="/">Simple QA </a><small>Open Questions</small></h1> |
122 | 127 | </div> |
123 | 128 |
|
124 | 129 | <div class="col-md-8"> |
| 130 | + |
| 131 | + <ul class="nav nav-tabs nav-justified"> |
| 132 | + <li role="presentation" class="active"><a href="#latest" aria-controls="latest" role="tab" data-toggle="tab">Latest</a></li> |
| 133 | + <li role="presentation"><a href="#unans" aria-controls="unans" role="tab" data-toggle="tab">Unanswered <span class="badge">{{ noans.count }}</span></a></li> |
| 134 | + <li role="presentation"><a href="#reward" aria-controls="reward" role="tab" data-toggle="tab">Most Rewarding <span class="badge">{{ reward.count }}</span></a></li> |
| 135 | + </ul> |
| 136 | + <br/> |
| 137 | + |
| 138 | + |
| 139 | +<div class="tab-content"> |
| 140 | +<div role="tabpanel" class="tab-pane active" id="latest"> |
125 | 141 | {% if questions %} |
126 | 142 | {% for question in questions %} |
127 | 143 | <div class="row"> |
|
156 | 172 | </div> |
157 | 173 |
|
158 | 174 | {% else %} |
159 | | -<p>No Questions are available.</p> |
| 175 | +<div class="alert alert-warning" role="alert">No Questions are available!</div> |
| 176 | +{% endif %} |
| 177 | +</div> |
| 178 | + |
| 179 | +<div role="tabpanel" class="tab-pane" id="unans"> |
| 180 | +{% if noans %} |
| 181 | + {% for question in noans %} |
| 182 | + <div class="row"> |
| 183 | + <div class="col-sm-1 ans"><small><div class="ques">{{ question.answer_set.count }}</div>Answers</small></div> |
| 184 | + <div class="col-sm-1 ans"><small><div class="ques">{{ question.views }}</div>Views</small></div> |
| 185 | + <p> |
| 186 | + {% if question.answer_set.count %}<span class="glyphicon glyphicon-fire" aria-hidden="true"></span>{% endif %} <a class="ques" href="/q/{{ question.id }}/">{{ question.question_text }}</a> |
| 187 | + <br/> |
| 188 | + {% for tag in question.tags.all %} |
| 189 | + <tag>{{ tag.slug }}</tag> |
| 190 | + {% endfor %} |
| 191 | + <small> {{ question.pub_date}}</small> |
| 192 | + </p> |
| 193 | +</div> |
| 194 | +<hr> |
| 195 | + {% endfor %} |
| 196 | + |
| 197 | +{% else %} |
| 198 | +<div class="alert alert-warning" role="alert">No Questions are available!</div> |
160 | 199 | {% endif %} |
| 200 | +</div> |
161 | 201 |
|
| 202 | +<div role="tabpanel" class="tab-pane" id="reward"> |
| 203 | +{% if reward %} |
| 204 | + {% for question in reward %} |
| 205 | + <div class="row"> |
| 206 | + <div class="col-sm-1 ans"><small><div class="ques">{{ question.answer_set.count }}</div>Answers</small></div> |
| 207 | + <div class="col-sm-1 ans"><small><div class="ques">{{ question.views }}</div>Views</small></div> |
| 208 | + <p> |
| 209 | + {% if question.answer_set.count %}<span class="glyphicon glyphicon-fire" aria-hidden="true"></span>{% endif %} <a class="ques" href="/q/{{ question.id }}/">{{ question.question_text }}</a> |
| 210 | + <br/> |
| 211 | + <reward>Earn <b>{{ question.reward }}</b> points</reward> |
| 212 | + {% for tag in question.tags.all %} |
| 213 | + <tag>{{ tag.slug }}</tag> |
| 214 | + {% endfor %} |
| 215 | + <small> {{ question.pub_date}}</small> |
| 216 | + </p> |
| 217 | +</div> |
| 218 | +<hr> |
| 219 | + {% endfor %} |
| 220 | + |
| 221 | +{% else %} |
| 222 | +<div class="alert alert-warning" role="alert">No Questions are available!</div> |
| 223 | +{% endif %} |
| 224 | +</div> |
| 225 | + |
| 226 | + </div> |
162 | 227 | </div> |
163 | 228 |
|
164 | 229 | <div class="col-md-4"> |
|
0 commit comments