update style css plugin buycourse

1.9.x
aragonc 11 years ago
parent 0a39a81ea9
commit 4a82fdce62
  1. 35
      plugin/buycourses/resources/css/style.css
  2. 108
      plugin/buycourses/view/list.tpl
  3. 2
      plugin/buycourses/view/process_confirm.tpl

@ -36,11 +36,10 @@ table td.ta-center, table th.ta-center {
}
.sprice {
color: #FF5555;
font-size: 26px;
font-weight: 500;
color: #4D984E;
font-size: 18px;
font-weight: bold;
margin: 15px 0;
text-shadow: 2px 1px 0 #222222;
}
.dinline {
@ -83,3 +82,31 @@ select#lsessions, select#lcourses, select#lexercises, select#status {
.margin-left-fifty{
margin-left: 50px !important;
}
#course_category_well h4{
padding-left: 0;
}
#course_category_well .form-content{
padding-left: 1em;
padding-right: 1em;
}
#course_category_well .btn{
width: 100%;
line-height: 30px;
font-size: 16px;
}
.icon-course .thumbnail{
border: none;
box-shadow: none;
}
.well-course{
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #D3E6F0;
}
.ui-widget-content .well-course a, .ui-widget-content .well-course a:hover{
color: #fff;
}
.label-info, .badge-info {
background-color: #53a0c6;
font-weight: normal;
}

@ -1,6 +1,6 @@
<script type='text/javascript' src="../js/buycourses.js"></script>
<link rel="stylesheet" type="text/css" href="../resources/plugin.css"/>
<link rel="stylesheet" type="text/css" href="../resources/css/style.css"/>
<script>
$(function() {
@ -18,33 +18,28 @@ $(function() {
<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs"> <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"> <a href="#tabs-1">{{ 'Courses'|get_lang }}</a></li><li class="ui-state-default ui-corner-top"> <a href="#tabs-2">{{ 'Sessions'|get_lang }}</a></li></ul>
{% endif %}
<div id="tabs-1" class="row">
<div id="tabs-1">
<div class="row">
<div class="span3">
<div id="course_category_well" class="well">
<ul class="nav nav-list">
<li class="nav-header"><h4>{{ 'SearchFilter'|get_plugin_lang('BuyCoursesPlugin') }}:</h4></li>
<li class="nav-header">{{ 'CourseName'|get_lang }}:</li>
<li><input type="text" id="course_name" style="width:95%"/></li>
<li class="nav-header">{{ 'MinimumPrice'|get_plugin_lang('BuyCoursesPlugin') }}:
<input type="text" id="price_min" class="span1"/>
</li>
<li class="nav-header">{{ 'MaximumPrice'|get_plugin_lang('BuyCoursesPlugin') }}:
<input type="text" id="price_max" class="span1"/>
</li>
<li class="nav-header">{{ 'Categories'|get_lang }}:</li>
<li>
<select id="courses_category">
<option value="" selected="selected"></option>
{% for category in categories %}
<option value="{{ category.code }}">{{ category.name }}</option>
{% endfor %}
</select>
</li>
<br />
<li class="ta-center">
<input type="button" class="btn btn-primary" value="{{ 'Search'|get_lang }}" id="confirm_filter" />
</li>
</ul>
<div class="form-content">
<h4>{{ 'SearchFilter'|get_plugin_lang('BuyCoursesPlugin') }}:</h4>
<label class="control-label">{{ 'CourseName'|get_lang }}:</label>
<input type="text" id="course_name" />
<label class="control-label">{{ 'MinimumPrice'|get_plugin_lang('BuyCoursesPlugin') }}:</label>
<input type="text" id="price_min" class="span1"/>
<label class="control-label">{{ 'MaximumPrice'|get_plugin_lang('BuyCoursesPlugin') }}:</label>
<input type="text" id="price_max" class="span1"/>
{% for category in categories %}
<label class="control-label">{{ 'Categories'|get_lang }}:</label>
<select id="courses_category">
<option value="" selected="selected"></option>
<option value="{{ category.code }}">{{ category.name }}</option>
</select>
{% endfor %}
<br>
<input type="button" class="btn btn-primary" value="{{ 'Search'|get_lang }}" id="confirm_filter" />
</div>
</div>
</div>
<div class="span8" id="course_results">
@ -54,16 +49,16 @@ $(function() {
</div>
{% endif %}
{% for course in courses %}
<div class="well_border span8">
<div class="row">
<div class="span">
<div class="span8">
<div class="row well-course">
<div class="span1 icon-course">
<div class="thumbnail">
<a class="ajax" rel="gb_page_center[778]" title="" href="{{ server }}plugin/buycourses/src/ajax.php?code={{ course.code }}">
<img alt="" src="{{ server }}{{ course.course_img }}">
</a>
</div>
</div>
<div class="span4">
<div class="span3">
<div class="categories-course-description">
<h3>{{ course.title }}</h3>
<h5>{{ 'Teacher'|get_lang }}: {{ course.teacher }}</h5>
@ -75,12 +70,12 @@ $(function() {
<span class="label label-warning">{{ 'WaitingToReceiveThePayment'|get_plugin_lang('BuyCoursesPlugin') }}</span>
{% endif %}
</div>
<div class="span right">
<div class="span3 right">
<div class="sprice right">
{{ course.price }} {{ currency }}
</div>
<div class="cleared"></div>
<div class="btn-toolbar right">
<div class="btn-group right">
<a class="ajax btn btn-primary" title="" href="{{ server }}plugin/buycourses/src/ajax.php?code={{ course.code }}">
{{ 'Description'|get_lang }}
</a>
@ -96,34 +91,29 @@ $(function() {
{% endfor %}
</div>
</div>
</div>
{% if sessionsAreIncluded == "YES" %}
<div id="tabs-2" class="row">
<div class="span3">
<div id="course_category_well" class="well">
<ul class="nav nav-list">
<li class="nav-header"><h4>{{ 'SearchFilter'|get_plugin_lang('BuyCoursesPlugin') }}:</h4></li>
<li class="nav-header">{{ 'SessionName'|get_lang }}:</li>
<li><input type="text" id="session_name" style="width:95%"/></li>
<li class="nav-header">{{ 'MinimumPrice'|get_plugin_lang('BuyCoursesPlugin') }}:
<input type="text" id="session_price_min" class="span1"/>
</li>
<li class="nav-header">{{ 'MaximumPrice'|get_plugin_lang('BuyCoursesPlugin') }}:
<input type="text" id="session_price_max" class="span1"/>
</li>
<li class="nav-header">{{ 'Categories'|get_lang }}:</li>
<li>
<select id="sessions_category">
<option value="" selected="selected"></option>
{% for category in categories %}
<option value="{{ category.code }}">{{ category.name }}</option>
{% endfor %}
</select>
</li>
<br />
<li class="ta-center">
<input type="button" class="btn btn-primary" value="{{ 'Search'|get_lang }}" id="confirm_session_filter" />
</li>
</ul>
<div class="form-content">
<h4>{{ 'SearchFilter'|get_plugin_lang('BuyCoursesPlugin') }}:</h4>
<label class="control-label">{{ 'CourseName'|get_lang }}:</label>
<input type="text" id="course_name" />
<label class="control-label">{{ 'MinimumPrice'|get_plugin_lang('BuyCoursesPlugin') }}:</label>
<input type="text" id="price_min" class="span1"/>
<label class="control-label">{{ 'MaximumPrice'|get_plugin_lang('BuyCoursesPlugin') }}:</label>
<input type="text" id="price_max" class="span1"/>
{% for category in categories %}
<label class="control-label">{{ 'Categories'|get_lang }}:</label>
<select id="courses_category">
<option value="" selected="selected"></option>
<option value="{{ category.code }}">{{ category.name }}</option>
</select>
{% endfor %}
<br>
<input type="button" class="btn btn-primary" value="{{ 'Search'|get_lang }}" id="confirm_filter" />
</div>
</div>
</div>
<div class="span8" id="session_results">
@ -133,7 +123,7 @@ $(function() {
</div>
{% endif %}
{% for session in sessions %}
<div class="well_border span8">
<div class="span8 well-course">
<div class="row">
<div class="span4 ">
<div class="categories-course-description">
@ -152,7 +142,7 @@ $(function() {
{{ session.price }} {{ currency }}
</div>
<div class="cleared"></div>
<div class="btn-toolbar right">
<div class="btn-group right">
{% if session.enrolled == "NO" %}
<a class="btn btn-success" title="" href="{{ server }}plugin/buycourses/src/process.php?scode={{ session.session_id }}">
{{ 'Buy'|get_plugin_lang('BuyCoursesPlugin') }}
@ -184,7 +174,7 @@ $(function() {
</div>
<div class="span right">
<div class="cleared"></div>
<div class="btn-toolbar right">
<div class="btn-group right">
<a class="ajax btn btn-primary" title="" href="{{ server }}plugin/buycourses/src/ajax.php?code={{ course.code }}">
{{ 'Description'|get_lang }}
</a>

@ -1,6 +1,6 @@
<script type='text/javascript' src="../js/buycourses.js"></script>
<link rel="stylesheet" type="text/css" href="../resources/css/style.css"/>
<link rel="stylesheet" type="text/css" href="../resources/plugin.css"/>
<div class="row">
<div class="span12">

Loading…
Cancel
Save