@burh/nuxt-core 1.0.403 → 1.0.404

package/components/burh-ds/Cards/TestCard.vue

@@ -1,189 +1,192 @@
-<template>
-	<div class="column">
-		<div class="card card-app" @click.prevent="$emit('test-click')">
-			<base-dropdown @click.native.stop class="top-right custom" v-if="showMenu">
-				<i slot="title-container"
-					class="fa fa-ellipsis-h custom"
-					aria-hidden="true"
-				/>
-				<li v-if="isDefault && !hasCourse && !hideItems.send" class="dropdown-item d-flex align-items-center w-100" @click="sendTest">
-					<i class="fa fa-paper-plane" aria-hidden="true" />
-					<span>
-						Enviar teste
-					</span>
-				</li>
-				<li v-if="isDefault && !hideItems.view" class="dropdown-item d-flex align-items-center w-100" @click="viewTest">
-					<i class="fa fa-eye" aria-hidden="true" />
-					<span>
-						Visualizar teste
-					</span>
-				</li>
-				<li v-if="isDefault && !hideItems.answers" class="dropdown-item d-flex align-items-center w-100" @click="viewAnsweredTests">
-					<i class="fa fa-file" aria-hidden="true" />
-					<span>
-						Respostas recebidas
-					</span>
-				</li>
-				<li v-if="isDefault && !hideItems.export" class="dropdown-item d-flex align-items-center w-100" @click="exportExcel(id)">
-					<i class="fa fa-arrow-circle-down" aria-hidden="true" />
-					<span>
-						Exportar Respostas
-					</span>
-				</li>
-				<li v-if="!hideItems.copy" class="dropdown-item d-flex align-items-center w-100" @click="copyTest">
-					<i class="fa fa-clone" aria-hidden="true" />
-					<span>
-						Fazer uma cópia
-					</span>
-				</li>
-				<li v-if="isDefault && !hideItems.rename" class="dropdown-item d-flex align-items-center w-100" @click="openRenameEditor">
-					<i class="fa fa-pen" aria-hidden="true" />
-					<span>
-						Renomear teste
-					</span>
-				</li>
-				<li v-if="isDefault && !hideItems.delete" class="dropdown-item d-flex align-items-center w-100" @click="deleteTest(id)">
-					<i class="fa fa-trash" aria-hidden="true" />
-					<span>
-						Apagar teste
-					</span>
-				</li>
-			</base-dropdown>
-			<img
-				v-if="icon === ''"
-				class="card__image"
-				:src="image"
-				:alt="`Icone para ${text}`"
-			>
-			<i
-				v-else
-				:class="icon"
-				class="card__icon"
-			/>
-		</div>
-		<input
-			class="w-100"
-			v-if="showNameEditor"
-			v-model="newName"
-			@keyup.enter="renameTest"
-			@blur="renameTest"
-			ref="teste"
-		/>
-		<span v-else class="card-title w-100 text-center">{{text}}</span>
-	</div>
-</template>
-<script>
-import BaseDropdown from '../../argon-core/BaseDropdown.vue';
-
-export default {
-	name: 'test-card',
-	components: {
-		BaseDropdown,
-	},
-	props:{
-		link: String,
-		text: String,
-		image: String,
-		id: Number,
-		icon: {
-			type: String,
-			default: ''
-		},
-		showMenu: {
-			type: Boolean,
-			default: false,
-			description: 'Defines if option menu is visible'
-		},
-		isDefault: {
-			type: Boolean,
-			default: false,
-		},
-		hasCourse: {
-			type: Boolean,
-			default: false,
-        },
-        hideItems: {
-			type: Object,
-			default: () => ({}),
-		}
-	},
-	methods: {
-		sendTest(e) {
-			this.$emit('send-test');
-		},
-		viewTest(e) {
-			this.$emit('view-test');
-		},
-		viewAnsweredTests(e) {
-			this.$emit('answers-test');
-		},
-		copyTest(e) {
-			this.$emit('copy-test');
-		},
-		openRenameEditor() {
-			this.newName = this.text
-			this.showNameEditor = true;
-
-			this.$nextTick()
-				.then(() => this.$refs.teste.focus()
-				);
-		},
-		focusInput() {
-			this.$refs.teste.$el.focus();
-		},
-		renameTest() {
-			const rename = {
-				id: this.id,
-				name: this.newName
-			};
-			this.$emit('rename-test', rename);
-			this.showNameEditor = false;
-		},
-		deleteTest(id) {
-			this.$emit('delete-test', id);
-		},
-		exportExcel(id) {
-			this.$emit('export-excel', id);
-		}
-	},
-	data() {
-		return {
-			showNameEditor: false,
-			newName: '',
-		};
-	},
-};
-</script>
-<style lang="scss" scoped>
-    .column {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        position: relative;
-		&:hover {
-            .custom {
-                display: block;
-            }
-        }
-    }
-
-    .custom {
-        color: #ffffff;
-        background-color: #8192a6;
-        border-radius: 15%;
-        font-size: 1.25rem;
-        padding: .25rem .5rem;
-        display: none;
-        &:hover {
-            cursor: pointer;
-        }
-    }
-
-    .top-right {
-        right: .5rem;
-        position: absolute;
-        top: .5rem;
-        z-index: 100;
-    }
-</style>
+<template>
+	<div class="column">
+		<div class="card card-app" @click.prevent="$emit('test-click')">
+			<base-dropdown @click.native.stop class="top-right custom" v-if="showMenu">
+				<i slot="title-container"
+					class="fa fa-ellipsis-h custom"
+					aria-hidden="true"
+				/>
+				<li v-if="isDefault && !hasCourse && !hideItems.send" class="dropdown-item d-flex align-items-center w-100" @click="sendTest">
+					<i class="fa fa-paper-plane" aria-hidden="true" />
+					<span>
+						Enviar teste
+					</span>
+				</li>
+				<li v-if="isDefault && !hideItems.view" class="dropdown-item d-flex align-items-center w-100" @click="viewTest">
+					<i class="fa fa-eye" aria-hidden="true" />
+					<span>
+						Visualizar teste
+					</span>
+				</li>
+				<li v-if="isDefault && !hideItems.answers" class="dropdown-item d-flex align-items-center w-100" @click="viewAnsweredTests">
+					<i class="fa fa-file" aria-hidden="true" />
+					<span>
+						Respostas recebidas
+					</span>
+				</li>
+				<li v-if="isDefault && !hideItems.export" class="dropdown-item d-flex align-items-center w-100" @click="exportExcel(id)">
+					<i class="fa fa-arrow-circle-down" aria-hidden="true" />
+					<span>
+						Exportar Respostas
+					</span>
+				</li>
+				<li v-if="!hideItems.copy" class="dropdown-item d-flex align-items-center w-100" @click="copyTest">
+					<i class="fa fa-clone" aria-hidden="true" />
+					<span>
+						Fazer uma cópia
+					</span>
+				</li>
+				<li v-if="isDefault && !hideItems.rename" class="dropdown-item d-flex align-items-center w-100" @click="openRenameEditor">
+					<i class="fa fa-pen" aria-hidden="true" />
+					<span>
+						Renomear teste
+					</span>
+				</li>
+				<li v-if="isDefault && !hideItems.delete" class="dropdown-item d-flex align-items-center w-100" @click="deleteTest(id)">
+					<i class="fa fa-trash" aria-hidden="true" />
+					<span>
+						Apagar teste
+					</span>
+				</li>
+			</base-dropdown>
+			<img
+				v-if="icon === ''"
+				class="card__image"
+				:src="image"
+				:alt="`Icone para ${text}`"
+			>
+			<i
+				v-else
+				:class="icon"
+				class="card__icon"
+			/>
+		</div>
+		<input
+			class="w-100"
+			v-if="showNameEditor"
+			v-model="newName"
+			@keyup.enter="renameTest"
+			@blur="renameTest"
+			ref="teste"
+		/>
+		<span v-else class="card-title w-100 text-center">{{text}}</span>
+	</div>
+</template>
+<script>
+import BaseDropdown from '../../argon-core/BaseDropdown.vue';
+
+export default {
+	name: 'test-card',
+	components: {
+		BaseDropdown,
+	},
+	props:{
+		link: String,
+		text: String,
+		image: String,
+		id: Number,
+		icon: {
+			type: String,
+			default: ''
+		},
+		showMenu: {
+			type: Boolean,
+			default: false,
+			description: 'Defines if option menu is visible'
+		},
+		isDefault: {
+			type: Boolean,
+			default: false,
+		},
+		hasCourse: {
+			type: Boolean,
+			default: false,
+		},
+		hideItems: {
+			type: Object,
+			default: () => ({}),
+		}
+	},
+	methods: {
+		sendTest(e) {
+			this.$emit('send-test');
+		},
+		viewTest(e) {
+			this.$emit('view-test');
+		},
+		viewAnsweredTests(e) {
+			this.$emit('answers-test');
+		},
+		copyTest(e) {
+			this.$emit('copy-test');
+		},
+		openRenameEditor() {
+			this.newName = this.text;
+			this.showNameEditor = true;
+
+			this.$nextTick()
+				.then(() => this.$refs.teste.focus()
+				);
+		},
+		focusInput() {
+			this.$refs.teste.$el.focus();
+		},
+		renameTest() {
+			if (this.newName) {
+				const rename = {
+					id: this.id,
+					name: this.newName
+				};
+				this.$emit('rename-test', rename);
+			}
+			this.showNameEditor = false;
+		},
+		deleteTest(id) {
+			this.$emit('delete-test', id);
+		},
+		exportExcel(id) {
+			this.$emit('export-excel', id);
+		}
+	},
+	data() {
+		return {
+			showNameEditor: false,
+			newName: '',
+		};
+	},
+};
+</script>
+<style lang="scss" scoped>
+    .column {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        position: relative;
+		&:hover {
+            .custom {
+                display: block;
+            }
+        }
+    }
+
+    .custom {
+        color: #ffffff;
+        background-color: #8192a6;
+        border-radius: 15%;
+        font-size: 1.25rem;
+        padding: .25rem .5rem;
+        display: none;
+        &:hover {
+			
+            cursor: pointer;
+        }
+    }
+
+    .top-right {
+        right: .5rem;
+        position: absolute;
+        top: .5rem;
+        z-index: 100;
+    }
+</style>