Merge pull request #1310 from codalab/files_tab

Files Tab: show login if not loggedin + hide available column from no…
codalab · Feb 9, 2024 · acf0125 · acf0125
2 parents 4f441b6 + 7a3f8ad
commit acf0125
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/src/static/riot/competitions/detail/_tabs.tag b/src/static/riot/competitions/detail/_tabs.tag
@@ -50,17 +50,25 @@
                             <div class="ui" id="page_term">
                             </div>
                         </div>
-                        <!--  Files  -->
+
+                        <!--  Files page  -->
                         <div class="ui tab {active: _.get(competition.pages, 'length') === 0}" data-tab="files">
                             <div class="ui" id="files">
-                                <table class="ui celled table">
+                                <!--  Login message if not loggedin  -->
+                                <div if="{!CODALAB.state.user.logged_in}" class="ui yellow message">
+                                    <a href="{URLS.LOGIN}?next={location.pathname}">Log In</a> or
+                                    <a href="{URLS.SIGNUP}" target="_blank">Sign Up</a> to view availbale files.
+                                </div>
+
+                                <!--  Files table if loggedin  -->
+                                <table if="{CODALAB.state.user.logged_in}" class="ui celled table">
                                     <thead>
                                     <tr>
                                         <th class="index-column">Download</th>
                                         <th>Phase</th>
                                         <th>Task</th>
                                         <th>Type</th>
-                                        <th>Available <span class="ui mini circular icon button"
+                                        <th if="{competition.is_admin}">Available <span class="ui mini circular icon button"
                                                           data-tooltip="Available for download to participants."
                                                           data-position="top center">
                                                           <i class="question icon"></i>
@@ -80,7 +88,7 @@
                                         <td>{file.task}</td>
                                         <td>{file.type}</td>
                                         <!--  <td>{file.type === 'Public Data' || file.type === 'Starting Kit' ? 'yes': 'no'}</td>  -->
-                                        <td class="center aligned">
+                                        <td if="{competition.is_admin}" class="center aligned">
                                             <i if="{file.available}" class="checkmark box icon green"></i>
                                         </td>
                                         <td>{filesize(file.file_size * 1024)}</td>