Add recording mode for call view

When the call view is shown in recording mode the local participant is
not shown, and there is no visible button to show the grid stripe
either.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

src/Recording.vue

@@ -18,7 +18,8 @@
 -->
 
 <template>
-	<CallView :token="token" />
+	<CallView :token="token"
+		:is-recording="true" />
 </template>
 
 <script>

src/components/CallView/CallView.vue

@@ -104,6 +104,7 @@
 			<Grid v-if="!isSidebar"
 				v-bind="$attrs"
 				:is-stripe="!isGrid"
+				:is-recording="isRecording"
 				:token="token"
 				:fit-video="true"
 				:has-pagination="true"
@@ -174,6 +175,11 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		// Determines whether this component is used in the recording view
+		isRecording: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	data() {

src/components/CallView/Grid/Grid.vue

@@ -21,7 +21,7 @@
 
 <template>
 	<div class="grid-main-wrapper" :class="{'is-grid': !isStripe, 'transparent': isLessThanTwoVideos}">
-		<button v-if="isStripe"
+		<button v-if="isStripe && !isRecording"
 			class="stripe--collapse"
 			:aria-label="stripeButtonTooltip"
 			@click="handleClickStripeCollapse">
@@ -88,7 +88,7 @@
 								class="dev-mode-video--self video"
 								:style="{'background': 'url(' + placeholderImage(8) + ')'}" />
 						</template>
-						<LocalVideo v-if="!isStripe && !screenshotMode"
+						<LocalVideo v-if="!isStripe && !isRecording && !screenshotMode"
 							ref="localVideo"
 							class="video"
 							:is-grid="true"
@@ -108,7 +108,7 @@
 							:size="20" />
 					</button>
 				</div>
-				<LocalVideo v-if="isStripe && !screenshotMode"
+				<LocalVideo v-if="isStripe && !isRecording && !screenshotMode"
 					ref="localVideo"
 					class="video"
 					:is-stripe="true"
@@ -243,6 +243,10 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		isRecording: {
+			type: Boolean,
+			default: false,
+		},
 		callParticipantModels: {
 			type: Array,
 			required: true,