Remove Pug from project

- Convert Pug to HTML

Author: Lionel Bijaoui

projects/full/dataTable.vue

@@ -1,34 +1,65 @@
-<template lang="pug">
-	table.table.table-hover.table-bordered
-		thead
-			tr
-				th ID
-				th Name
-				th E-mail
-				th Country
-				th Role
-				th Status
+<template>
+	<table class="table table-hover table-bordered">
+		<thead>
+			<tr>
+				<th>ID</th>
+				<th>Name</th>
+				<th>Password </th>
+				<th>Language</th>
+				<th>Role</th>
+				<th>Status</th>
+			</tr>
+		</thead>
 
-		tbody
-			tr(v-for="row in rows", @click="select($event, row)", :class="{ active: isSelected(row) }")
-				td {{ row.id }}
-				td
-					img(:src="row.avatar")
-					| {{ row.firstName + " " + row.lastName }} ({{row.userName}})
-					.label.label-warning(v-if="!row.status") Inactive
-				td {{ row.email }}
-				td(v-if="row.address") {{ row.address.country }}
-				td {{ getRoleName(row) }}
-				td
-					i.fa(:class=" row.status? 'fa-check' : 'fa-ban' ")
+		<tbody>
+			<tr v-for="(row, index) in rows"
+				:key="index"
+				@click="select($event, row)"
+				:class="{ active: isSelected(row) }">
+				<td>{{ row.id }}</td>
+				<td>
+					<img :src="row.avatar">
+					{{ row.firstName + " " + row.lastName }} ({{ row.userName }})
+					<div class="label label-warning"
+						v-if="!row.status"> Inactive</div>
+				</td>
+				<td>{{ row.password }}</td>
+				<td>{{ row.language }}</td>
+				<td>{{ getRoleName(row) }}</td>
+				<td>
+					<i class="fa"
+						:class="row.status? 'fa-check' : 'fa-ban'"></i>
+				</td>
+			</tr>
+		</tbody>
+	</table>
 </template>
 
 <script>
 import { find } from "lodash";
 import { roles } from "./data";
 
 export default {
-	props: ["rows", "selected", "select"],
+	props: {
+		rows: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		selected: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		select: {
+			type: Function,
+			default() {
+				return [];
+			}
+		}
+	},
 
 	methods: {
 		isSelected(row) {

projects/full/fieldAwesome.vue

@@ -1,5 +1,11 @@
-<template lang="pug">
-	input.form-control(type="text", v-model="value", :maxlength="schema.max", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+<template>
+	<input class="form-control"
+		type="text"
+		v-model="value"
+		:maxlength="schema.max"
+		:readonly="schema.readonly"
+		:disabled="disabled"
+		:placeholder="schema.placeholder">
 </template>
 
 <script>