Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <q-card color="secondary" dark class="q-ma-sm" v-for="user in users" :key="user.UserID" >
- <q-card-title>
- <div class="row">
- <div class="row">
- <div id="leftrow">
- <p class="margintop"><b>First Name:</b></p>
- <p class="margintop"><b>Last Name:</b> </p>
- <p class="margintop"><b>Phone Number:</b> </p>
- <p class="margintop"><b>Address:</b> </p>
- <p class="margintop"><b>Username:</b> </p>
- <p class="margintop marginbottom"> <b>Password:</b> </p>
- </div>
- <div id="rightrow">
- <p class="margintop">{{ user.FirstName }}</p>
- <p class="margintop">{{ user.LastName }}</p>
- <p class="margintop">{{ user.PhoneNumber }}</p>
- <p class="margintop">{{ user.Address }}</p>
- <p class="margintop">{{ user.Username }}</p>
- <p class="margintop marginbottom">
- <q-input type="password" :value="user.Password" class="margintop passcode" color="secondary" readonly inverted :style="{'min-width': width}"/>
- </p>
- </div>
- </div>
- <div class="column" slot="right">
- <div>
- <q-icon name="person" size="50px"/>
- </div>
- </div>
- </div>
- </q-card-title>
- <q-card-separator />
- <q-card-actions>
- <q-btn icon="edit" @click="edituser(user)" class="inputspace">
- <q-tooltip anchor="bottom middle" self="top middle" :offset="[10, 10]" color="secondary" @click="showing = false">
- Edit
- </q-tooltip>
- </q-btn>
- <q-btn icon="delete" color="secondary" @click="deactivate(user)" class="inputspace">
- <q-tooltip anchor="bottom middle" self="top middle" :offset="[10, 10]" color="secondary" @click="showing = false">
- Deactivate
- </q-tooltip>
- </q-btn>
- </q-card-actions>
- </q-card>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement