From 6ca724ecc1a1406a027fb78191b7ef37e06b1de2 Mon Sep 17 00:00:00 2001
From: Jumana Almahmoud <jumana.almahmoud@gmail.com>
Date: Fri, 10 Nov 2023 02:04:31 -0500
Subject: [PATCH] change Exp label

---
 public/style/plugin.css                   |  2 +-
 src/app.js                                |  4 +-
 src/components/editor/EditorView.vue      |  4 +-
 src/components/filters/FilterView.vue     | 67 ++++++++++++-----------
 src/components/highlights/NbHighlight.vue |  2 +-
 src/components/thread/ThreadComment.vue   |  8 +--
 6 files changed, 46 insertions(+), 41 deletions(-)

diff --git a/public/style/plugin.css b/public/style/plugin.css
index 39f4bb0..308fbfd 100644
--- a/public/style/plugin.css
+++ b/public/style/plugin.css
@@ -916,7 +916,7 @@
 }
 #nb-app .nb-sidebar .thread-view .thread-row .footer > span .icon {
   height: 14px;
-  vertical-align: top;
+  vertical-align: bottom;
 }
 
 #nb-app-wrapper .thread-overflow-wrapper .tooltip-arrow {
diff --git a/src/app.js b/src/app.js
index 537cea2..7b28153 100644
--- a/src/app.js
+++ b/src/app.js
@@ -487,7 +487,9 @@ function embedNbApp() {
                 let filterUpvotes = this.filter.upvotes
                 if (filterUpvotes.length > 0) {
                     items = items.filter(item => {
-                        if ( (filterUpvotes.includes('anyone') && item.hasUpvotes()) || (this.currentConfigs.isExpClass && item.hasUserPost(this.user.id))) {
+                        if ( (filterUpvotes.includes('anyone') && item.hasUpvotes())
+                            || (this.currentConfigs.isExpClass && item.hasUserPost(this.user.id))
+                            || (this.currentConfigs.isExpClass && item.hasReplyRequests())) {
                             return true
                         }
                         if (filterUpvotes.includes('me') && item.hasMyUpvotes()) {
diff --git a/src/components/editor/EditorView.vue b/src/components/editor/EditorView.vue
index dae3eaa..faa5039 100644
--- a/src/components/editor/EditorView.vue
+++ b/src/components/editor/EditorView.vue
@@ -46,7 +46,9 @@
       <div class="checkbox-buttons">
         <input type="checkbox" id="draft-request-reply" v-if="currentConfigs.isExpClass" v-model="upvotedByMe">
         <input type="checkbox" id="draft-request-reply" v-else v-model="replyRequested">
-        <label for="draft-request-reply">{{ currentConfigs.isExpClass ? "Discuss with class" : "Request replies" }}</label>
+        <label for="draft-request-reply">{{ currentConfigs.isExpClass ? "Looking for Classmates' Perspectives" : "Request replies" }}</label>
+      </div>
+      <div class="checkbox-buttons">
         <div class="buttons">
           <button class="cancel" @click="cancel" :disabled='isSubmitting'>Cancel</button>
           <button class="submit" @click="submit" :disabled='isSubmitting || !canSubmit'>
diff --git a/src/components/filters/FilterView.vue b/src/components/filters/FilterView.vue
index 998f426..da50df7 100644
--- a/src/components/filters/FilterView.vue
+++ b/src/components/filters/FilterView.vue
@@ -67,16 +67,41 @@
               </div>
             </div>
             <div class="title">Max. # of threads</div>
-             <div>
+            <div>
+              <input
+                  type="number"
+                  id="max-threads"
+                  placeholder="n/a"
+                  min="0"
+                  v-model="maxThreads"
+                  @keypress="event => validateNumber(event)"
+                  @change="onFilterChange('max-threads')">
+            </div>
+            <div class="title">{{currentConfigs.isExpClass ? `Looking for Classmates' Perspectives` : 'Upvotes'}}</div>
+            <div class="upvotes">
+              <div>
                 <input
-                    type="number"
-                    id="max-threads"
-                    placeholder="n/a"
-                    min="0"
-                    v-model="maxThreads"
-                    @keypress="event => validateNumber(event)"
-                    @change="onFilterChange('max-threads')">
+                    type="checkbox"
+                    id="anyone-upvotes"
+                    value="anyone"
+                    v-model="filterUpvotes"
+                    @change="onFilterChange('upvotes')">
+                <label for="anyone-upvotes">
+                  anyone
+                </label>
+              </div>
+              <div>
+                <input
+                    type="checkbox"
+                    id="my-upvotes"
+                    value="me"
+                    v-model="filterUpvotes"
+                    @change="onFilterChange('upvotes')">
+                <label for="my-upvotes">
+                  me
+                </label>
               </div>
+            </div>
             <div class="title">Users tagged</div>
             <div class="user-tags">
               <div>
@@ -163,31 +188,7 @@
                 </label>
               </div>
             </div>
-            <div class="title">{{currentConfigs.isExpClass ? 'Discussion comments' : 'Upvotes'}}</div>
-            <div class="upvotes">
-              <div>
-                <input
-                    type="checkbox"
-                    id="anyone-upvotes"
-                    value="anyone"
-                    v-model="filterUpvotes"
-                    @change="onFilterChange('upvotes')">
-                <label for="anyone-upvotes">
-                  anyone
-                </label>
-              </div>
-              <div>
-                <input
-                    type="checkbox"
-                    id="my-upvotes"
-                    value="me"
-                    v-model="filterUpvotes"
-                    @change="onFilterChange('upvotes')">
-                <label for="my-upvotes">
-                  me
-                </label>
-              </div>
-            </div>
+            
             <div class="title">
               Others
             </div>
diff --git a/src/components/highlights/NbHighlight.vue b/src/components/highlights/NbHighlight.vue
index 90d214c..2d7ecfa 100644
--- a/src/components/highlights/NbHighlight.vue
+++ b/src/components/highlights/NbHighlight.vue
@@ -190,7 +190,7 @@ export default {
         },
         style: function () {
             if (this.isHidden) {
-                return "fill: none; stroke: rgb(255 204 1 / 75%); stroke-dasharray: 3;"
+                return "fill: none; stroke: rgb(255 204 1 / 95%); stroke-dasharray: 3;"
             }
             if (!this.thread) {
                 return 'fill: rgb(231, 76, 60); fill-opacity: 0.3; cursor: pointer;'
diff --git a/src/components/thread/ThreadComment.vue b/src/components/thread/ThreadComment.vue
index 39d9ab2..9db0d7d 100644
--- a/src/components/thread/ThreadComment.vue
+++ b/src/components/thread/ThreadComment.vue
@@ -104,11 +104,11 @@
                 </span>
                 &nbsp;·&nbsp;
                 <span
-                    v-tooltip="currentConfigs.isExpClass ? (comment.upvotedByMe ? 'undo discuss' : 'discuss') : (comment.upvotedByMe ? 'undo upvote' : 'upvote')"
+                    v-tooltip="currentConfigs.isExpClass ? (comment.upvotedByMe ? `undo looking for classmates' perspectives` : `looking for classmates' perspectives`) : (comment.upvotedByMe ? 'undo upvote' : 'upvote')"
                     @click="toggleUpvote(comment)">
-                <font-awesome-icon :icon="currentConfigs.isExpClass ? 'comments' : 'thumbs-up'" class="icon" :style="styleUpvote">
-                </font-awesome-icon>
-                {{ comment.upvoteCount }}
+                    <span v-if="currentConfigs.isExpClass" class="icon" :style="styleUpvote">👁️‍🗨️</span>
+                    <font-awesome-icon v-else :icon="'thumbs-up'" class="icon" :style="styleUpvote"></font-awesome-icon>
+                    {{ comment.upvoteCount }}
                 </span>
                 &nbsp;·&nbsp;
                 <span