Jelajahi Sumber

fix start course - refs #2681

Alex Aragón 6 tahun lalu
induk
melakukan
02ba30f36a

+ 42 - 0
assets/css/scss/_base.scss

@@ -983,6 +983,48 @@ hr {
   }
 }
 
+/*** TOOLS START COURSE ***/
+.start-course{
+  text-align: center;
+  .image-course{
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    margin-bottom: 1rem;
+  }
+  .start-info{
+    padding-top: 1rem;
+    margin-top: 1rem;
+  }
+}
+.grid-start{
+  display: grid;
+  grid-gap: 1rem;
+  grid-row-gap: 16px;
+  grid-template-columns: repeat(5, 1fr);
+  @include large($breakpoint-xl){
+    grid-template-columns: repeat(5, 1fr);
+  }
+  @include portrait($breakpoint-sm, $breakpoint-md){
+    grid-template-columns: repeat(3, 1fr);
+  }
+  @include landscape($breakpoint-sm) {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .items-tools{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .item{
+      display: inline-block;
+      width: 100%;
+      text-align: center;
+      padding-top: 1rem;
+      padding-bottom: 1rem;
+      margin-top: 1rem;
+    }
+  }
+}
+
 /*** TOOLS COURSE  ***/
 
 .grid-tools{

+ 2 - 2
main/course_info/start.php

@@ -21,8 +21,8 @@ $link = api_get_path(WEB_COURSE_PATH).$directory.'/';
 $tpl = new Template(get_lang('ThingsToDo'));
 
 $tpl->assign('course_url', $link);
-$tpl->assign('course_title', Display::url($title, $link));
-$tpl->assign('course_id', $course_info['code']);
+$tpl->assign('course_title', $title);
+$tpl->assign('course', $course_info);
 $tpl->assign('just_created', isset($_GET['first']) && $_GET['first'] ? 1 : 0);
 $add_course_tpl = $tpl->get_template('create_course/start.html.twig');
 $content = $tpl->fetch($add_course_tpl);

+ 62 - 40
main/template/default/create_course/start.html.twig

@@ -1,56 +1,78 @@
 {% autoescape false %}
-    {% if just_created == 1%}
-        <h3>{{ 'JustCreated'|get_lang }} {{ course_title }}</h3>
-        <hr />
-    {% endif %}
 
-    <h3>{{ 'ThingsToDo'|get_lang }}</h3>
-    <br />
-    <div id="course_thing_to_do" class="row">
-        <div class="col-md-3">
-            <div class="thumbnail">
-                {{ 'info.png' | img(64, 'AddCourseDescription'|get_lang ) }}
-                <div class="caption">
-                    <a href="{{ _p.web_main }}course_description/?cidReq={{ course_id }}" class="btn btn-default">
-                        <em class="fa fa-info-circle"></em> {{'AddCourseDescription'|get_lang}}
-                    </a>
+    <div class="start-course">
+        <div class="image-course">
+            <img src="{{ course.course_image_large }}" class="img-fluid"/>
+        </div>
+        <div class="description-course">
+            {% if course.categoryName %}
+                <h5>{{ course.categoryName }}</h5>
+            {% endif %}
+            <h2><a href="{{ course_link  }}">{{ course_title }}</a></h2>
+            {% if just_created == 1%}
+                <a role="button" href="{{ course_link  }}" class="btn btn-primary btn-lg">{{ "Go to the course created"|trans }}</a>
+            {% endif %}
+        </div>
+        <div class="start-info">
+            <h3>{{ 'Things to do'|trans }}</h3>
+            {{ "Tu curso esta recien creado, puedes completar los siguientes módulos para tener una presentación adecuada de tu curso en su catalogo de cursos"|trans }}
+        </div>
+
+        <div class="grid-start">
+            <div class="items-tools">
+                <div class="item">
+                    {{ 'tool_info.png' | img(64, 'Add course description'|trans ) }}
+                    <div class="caption">
+                        <a href="{{ _p.web_main }}course_description/?cidReq={{ course_id }}" class="btn btn-outline-primary">
+                            <em class="fa fa-info-circle"></em> {{'Add course description'|trans}}
+                        </a>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="col-md-3">
-            <div class="thumbnail">
-                {{ 'folder_document.png' | img(64, 'UploadADocument'|get_lang ) }}
-                <div class="caption">
-                    <a href="{{ _p.web_main }}document/document.php?cidReq={{ course_id }}" class="btn btn-default">
-                        <em class="fa fa-paper-plane"></em> {{'UploadADocument'|get_lang}}
-                    </a>
+            <div class="items-tools">
+                <div class="item">
+                    {{ 'tool_folder_document.png' | img(64, 'Upload a document'|trans ) }}
+                    <div class="caption">
+                        <a href="{{ _p.web_main }}document/document.php?cidReq={{ course_id }}" class="btn btn-outline-primary">
+                            <em class="fa fa-paper-plane"></em> {{'Upload a document'|trans}}
+                        </a>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="col-md-3">
-            <div class="thumbnail">
-                {{ 'forum.png' | img(64, 'AddForum'|get_lang ) }}
-
-                <div class="caption">
-                    <a href="{{ _p.web_main }}forum/index.php?cidReq={{ course_id }}" class="btn btn-default">
-                        <em class="fa fa-users"></em> {{ 'AddForum'|get_lang }}
-                    </a>
+            <div class="items-tools">
+                <div class="item">
+                    {{ 'tool_forum.png' | img(64, 'Add forum'|trans ) }}
+                    <div class="caption">
+                        <a href="{{ _p.web_main }}forum/index.php?cidReq={{ course_id }}" class="btn btn-outline-primary">
+                            <em class="fa fa-users"></em> {{ 'Add forum'|trans }}
+                        </a>
+                    </div>
                 </div>
             </div>
-        </div>
-        {% if ("allow_user_course_subscription_by_course_admin" | api_get_setting) == 'true' or is_granted('ROLE_ADMIN') %}
-            <div class="col-md-3">
-                <div class="thumbnail">
-                    {{ 'user.png' | img(64, 'SubscribeUserToCourse'|get_lang ) }}
+            {% if ("allow_user_course_subscription_by_course_admin" | api_get_setting) == 'true' or is_granted('ROLE_ADMIN') %}
+                <div class="items-tools">
+                    <div class="item">
+                        {{ 'tool_members.png' | img(64, 'Subscribe user to course'|trans ) }}
+                        <div class="caption">
+                            <a href="{{ _p.web_main }}user/subscribe_user.php?cidReq={{ course_id }}" class="btn btn-outline-primary">
+                                <em class="fa fa-user-plus"></em> {{ 'Subscribe user to course'|trans }}
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            {% endif %}
+            <div class="items-tools">
+                <div class="item">
+                    {{ 'tool_reference.png' | img(64, 'Add forum'|get_lang ) }}
                     <div class="caption">
-                        <a href="{{ _p.web_main }}user/subscribe_user.php?cidReq={{ course_id }}" class="btn btn-default">
-                            <em class="fa fa-user-plus"></em> {{ 'SubscribeUserToCourse'|get_lang }}
+                        <a href="{{ _p.web_main }}forum/index.php?cidReq={{ course_id }}" class="btn btn-outline-primary">
+                            <em class="fa fa-users"></em> {{ 'Change settings'|get_lang }}
                         </a>
                     </div>
                 </div>
             </div>
-        {% endif %}
+        </div>
+
     </div>
-    <div class="clear"></div>
 
 {% endautoescape %}