summaryrefslogtreecommitdiff
path: root/static/website/templates
diff options
context:
space:
mode:
Diffstat (limited to 'static/website/templates')
-rw-r--r--static/website/templates/ajax-keyword-search.html55
-rw-r--r--static/website/templates/ajax-time-search.html55
-rw-r--r--static/website/templates/base.html11
-rw-r--r--static/website/templates/search.html73
4 files changed, 193 insertions, 1 deletions
diff --git a/static/website/templates/ajax-keyword-search.html b/static/website/templates/ajax-keyword-search.html
new file mode 100644
index 0000000..7d38a42
--- /dev/null
+++ b/static/website/templates/ajax-keyword-search.html
@@ -0,0 +1,55 @@
+{% if questions %}
+ {% for question in questions %}
+ <div class="question">
+ <div class="title">
+ <a href="{% url 'website:get_question' question.id %}">{{ question.title }}</a>
+ </div>
+ <br>
+ <span class="category">
+ <small>
+ <a href="{% url 'website:filter' question.category %}?qid={{ question.id }}">
+ {{ question.category }}
+ </a>
+ </small>
+ </span>
+
+ <span class="tutorial">
+ <small>
+ <a href="{% url 'website:filter' question.category question.tutorial %}?qid={{ question.id }}">
+ {{ question.tutorial}}
+ </a>
+ </small>
+ </span>
+
+ <span class="minute_range">
+ <small>
+ <a href="{% url 'website:filter' question.category question.tutorial question.minute_range %}?qid={{ question.id }}">
+ {{ question.minute_range }} min
+ </a>
+ </small>
+ </span>
+
+ <span class="second_range">
+ <small>
+ <a href="{% url 'website:filter' question.category question.tutorial question.minute_range question.second_range%}?qid={{ question.id }}">
+ {{ question.second_range }} sec
+ </a>
+ </small>
+ </span>
+
+ <span class="meta">
+ <small>
+ <i>
+ {{ question.date_created }}
+ </i>
+ </small>
+
+ <span class="user">
+ {{ question.user }}
+ </span>
+ </span>
+ </div> <!-- /.question -->
+ {% endfor %}
+{% else %}
+<h4>No results found . . .</h4>
+{% endif %}
diff --git a/static/website/templates/ajax-time-search.html b/static/website/templates/ajax-time-search.html
new file mode 100644
index 0000000..7d38a42
--- /dev/null
+++ b/static/website/templates/ajax-time-search.html
@@ -0,0 +1,55 @@
+{% if questions %}
+ {% for question in questions %}
+ <div class="question">
+ <div class="title">
+ <a href="{% url 'website:get_question' question.id %}">{{ question.title }}</a>
+ </div>
+ <br>
+ <span class="category">
+ <small>
+ <a href="{% url 'website:filter' question.category %}?qid={{ question.id }}">
+ {{ question.category }}
+ </a>
+ </small>
+ </span>
+
+ <span class="tutorial">
+ <small>
+ <a href="{% url 'website:filter' question.category question.tutorial %}?qid={{ question.id }}">
+ {{ question.tutorial}}
+ </a>
+ </small>
+ </span>
+
+ <span class="minute_range">
+ <small>
+ <a href="{% url 'website:filter' question.category question.tutorial question.minute_range %}?qid={{ question.id }}">
+ {{ question.minute_range }} min
+ </a>
+ </small>
+ </span>
+
+ <span class="second_range">
+ <small>
+ <a href="{% url 'website:filter' question.category question.tutorial question.minute_range question.second_range%}?qid={{ question.id }}">
+ {{ question.second_range }} sec
+ </a>
+ </small>
+ </span>
+
+ <span class="meta">
+ <small>
+ <i>
+ {{ question.date_created }}
+ </i>
+ </small>
+
+ <span class="user">
+ {{ question.user }}
+ </span>
+ </span>
+ </div> <!-- /.question -->
+ {% endfor %}
+{% else %}
+<h4>No results found . . .</h4>
+{% endif %}
diff --git a/static/website/templates/base.html b/static/website/templates/base.html
index c71e3ef..dccb556 100644
--- a/static/website/templates/base.html
+++ b/static/website/templates/base.html
@@ -6,6 +6,7 @@
<link rel="stylesheet" href="{% static 'website/css/main.css' %}" type="text/css" media="screen" charset="utf-8" />
</head>
<body>
+ <div id="page-wrapper">
<div id="header-wrapper">
<div id="header-inner">
<nav class="navbar navbar-default" role="navigation">
@@ -27,6 +28,12 @@
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
+ <a href="{% url 'website:search' %}">
+ <span class="glyphicon glyphicon-search"></span>
+ Search
+ </a>
+ </li>
+ <li>
<a href="{% url 'website:new_question' %}">
<span class="glyphicon glyphicon-pencil"></span>
Ask Question
@@ -86,9 +93,11 @@
</div>
</div> <!-- /#footer-inner -->
</div> <!-- /#footer-wrapper -->
-
+ </div> <!-- /#page-wrapper -->
+
<script src="{% static 'website/js/jquery.min.js' %}"></script>
<script src="{% static 'website/js/bootstrap.min.js' %}"></script>
+
{% block javascript %}
<!-- overide with custom javascript -->
{% endblock %}
diff --git a/static/website/templates/search.html b/static/website/templates/search.html
new file mode 100644
index 0000000..8c96acb
--- /dev/null
+++ b/static/website/templates/search.html
@@ -0,0 +1,73 @@
+{% extends 'website/templates/base.html' %}
+{% load static %}
+
+{% block content %}
+
+ <!-- Nav tabs -->
+<ul class="nav nav-tabs">
+ <li><a href="#search-by-keyword" data-toggle="tab">Search by Keyword</a></li>
+ <li><a href="#search-by-time" data-toggle="tab">Search by Time</a></li>
+</ul>
+
+<!-- Tab panes -->
+<div class="tab-content">
+<br>
+ <div class="tab-pane active" id="search-by-keyword">
+ <div class="row">
+ <div class="col-lg-10">
+ <input id="search-key" class="form-control" placeholder="eg: python, scilab">
+ </div>
+ <div class="col-lg-2">
+ <a id="search-key-submit" class="btn btn-primary btn-sm btn-block" href="#">Search</a>
+ </div>
+ </div>
+
+ <div id="keyword-search-results">
+ </div>
+ </div>
+
+ <div class="tab-pane" id="search-by-time">
+ <div class="row">
+ <div class="col-lg-3 col-md-3 col-sm-3">
+ <select id="search-category" class="form-control">
+ <option value="None">Select Category</option>
+ {% for category in categories %}
+ <option value="{{ category }}">{{ category }}</option>
+ {% endfor %}
+ </select>
+ </div>
+
+ <div class="col-lg-3 col-md-3 col-sm-3">
+ <select id="search-tutorial" class="form-control" disabled="disabled">
+ <option value="None">Select Tutorial</option>
+ </select>
+ </div>
+
+ <div class="col-lg-2 col-md-2 col-sm-2">
+ <select id="search-minute-range" class="form-control" disabled="disabled">
+ <option value="None">min</option>
+ </select>
+ </div>
+
+ <div class="col-lg-2 col-md-2 col-sm-2">
+ <select id="search-second-range" class="form-control" disabled="disabled">
+ <option value="None">sec</option>
+ </select>
+ </div>
+
+ <div class="col-lg-2 col-md-2 col-sm-2">
+ <input id="search-time-submit" class="btn btn-sm btn-warning btn-block" type="button" value="Search">
+ </div>
+ <div class="clearfix"></div>
+ </div> <!-- /.row -->
+
+ <div id="time-search-results">
+ </div>
+ </div>
+</div> <!-- tab panes -->
+
+{% endblock %}
+
+{% block javascript %}
+ <script src="{% static 'website/js/search.js' %}"></script>
+{% endblock %}
generated by cgit (git 2.34.1) at 2024-12-20 10:36:20 +0000