Merge pull request pkp#379 from jonasraoni/bugfix-stable-3_4_0-10170-…

…fix-reviewer-list

pkp/pkp-lib#10170 Fixed synchronization of the reviewer container

src/components/Container/AdvancedSearchReviewerContainer.vue

@@ -5,41 +5,44 @@
 			<div class="list_outline">
 				<ol class="list_box">
 					<li
-							class="author_row"
-							v-for="(affiliations, author) in displayedItems"
-							:key="author"
+						class="author_row"
+						v-for="(affiliations, author) in displayedItems"
+						:key="author"
 					>
 						<strong>{{ author }}</strong>
-						<span v-if="affiliations"> - </span>
+						<span v-if="affiliations">{{ ' - ' }}</span>
 						<span>{{ affiliations }}</span>
 					</li>
 				</ol>
 				<div class="action_container" v-if="authorCount > 4">
 					<span
-				  class="show_authors_action"
-				  v-if="!showAllAuthors"
-				  @click="toggleShowAllAuthors"
-		  >
+						class="show_authors_action"
+						v-if="!showAllAuthors"
+						@click="toggleShowAllAuthors"
+					>
 						{{ `${labels.showAll} ${authorCount} ${labels.authorsLabel}` }}
 					</span>
 					<span
-							class="show_authors_action"
-							v-if="showAllAuthors"
-							@click="toggleShowAllAuthors"
+						class="show_authors_action"
+						v-if="showAllAuthors"
+						@click="toggleShowAllAuthors"
 					>
 						{{ labels.showLess }}
 					</span>
 				</div>
 			</div>
 		</div>
-		<select-reviewer-list-panel v-bind="components.selectReviewer" />
+		<select-reviewer-list-panel v-bind="components.selectReviewer" @set="set" />
 	</div>
 </template>
 
 <script>
+import Container from '@/components/Container/Container.vue';
 import SelectReviewerListPanel from '@/components/ListPanel/users/SelectReviewerListPanel.vue';
+
 export default {
 	name: 'AdvancedSearchReviewerContainer',
+	extends: Container,
 	components: {
 		SelectReviewerListPanel,
 	},
@@ -75,24 +78,24 @@ export default {
 <style lang="less">
 @import '../../styles/_import';
 .pkpAdvancedSearchReviewerContainer {
-  .action_container {
-	padding-left: 1rem;
-	padding-bottom: 0.9rem;
-  }
-  .list_outline {
-	border: 1px solid @grid-border-color;
-	border-radius: 2px;
-	margin-bottom: 1.3rem;
-  }
-  .list_box {
-	padding-left: 1.9rem;
-	overflow-y: scroll;
-	max-height: 17em;
-  }
-  .show_authors_action {
-	color: @primary;
-	text-decoration: none;
-	cursor: pointer;
-  }
+	.action_container {
+		padding-left: 1rem;
+		padding-bottom: 0.9rem;
+	}
+	.list_outline {
+		border: 1px solid @grid-border-color;
+		border-radius: 2px;
+		margin-bottom: 1.3rem;
+	}
+	.list_box {
+		padding-left: 1.9rem;
+		overflow-y: scroll;
+		max-height: 17em;
+	}
+	.show_authors_action {
+		color: @primary;
+		text-decoration: none;
+		cursor: pointer;
+	}
 }
 </style>