add studio filters

wikimedia · May 23, 2023 · 2d43a54 · 2d43a54
1 parent ebed552
commit 2d43a54
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/edx-platform/wikilearn/cms/static/sass/partials/cms/theme/_translations.scss b/edx-platform/wikilearn/cms/static/sass/partials/cms/theme/_translations.scss
@@ -474,3 +474,26 @@ div.xmodule_edit.xmodule_ProblemBlock {
     }
   }
 }
+
+.wrapper-sock {
+  z-index: 0;
+}
+
+.list-courses {
+  .grid-header {
+    margin: 20px;
+    input {
+      min-width: 300px;
+    }
+  }
+  .studio-filters {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    margin: 20px;
+
+    .filter-field {
+      width: 200px;
+    }
+  }
+}
diff --git a/edx-platform/wikilearn/cms/templates/index.html b/edx-platform/wikilearn/cms/templates/index.html
@@ -368,10 +368,11 @@ <h3 class="course-title">${course_info['display_name']}</h3>
       %if len(courses) > 0 or optimization_enabled:
       <div class="courses courses-tab react-course-listing ${ 'active' if active_tab == 'courses' else ''}">
         ${static.renderReact(
-          component="CourseOrLibraryListing",
+          component="WikiCourseListing",
           id="react-course-listing",
           props={
             'items': sorted(courses, key=lambda s: s['display_name'].lower() if s['display_name'] is not None else ''),
+            'studio_filter_options': active_studio_filter_options,
             'linkClass': 'course-link',
             'idBase': 'course',
             'allowReruns': allow_course_reruns and rerun_creator_status and course_creator_status=='granted'
@@ -498,10 +499,11 @@ <h4 class="title">${_('Your Course Creator Request Status:')}</h4>
       <div class="archived-courses react-archived-course-listing archived-courses-tab">
         % if type(archived_courses) is list:
         ${static.renderReact(
-          component="CourseOrLibraryListing",
+          component="WikiCourseListing",
           id="react-archived-course-listing",
           props={
             'items': sorted(archived_courses, key=lambda s: s['display_name'].lower() if s['display_name'] is not None else ''),
+            'studio_filter_options': archived_studio_filter_options,
             'linkClass': 'course-link',
             'idBase': 'archived',
             'allowReruns': allow_course_reruns and rerun_creator_status and course_creator_status=='granted'