Skip to content
Snippets Groups Projects
Commit c9b2afaa authored by Julian's avatar Julian
Browse files

Start work on PersonalNote Component

parent af4ae3d1
No related branches found
No related tags found
Pipeline #75310 failed
Stage: prepare
Stage: test
Stage: build
Stage: publish
Stage: docker
Hide whitespace changes
Inline Side-by-side
aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js
+ 69
− 68
View file @ c9b2afaa
...@@ -5,6 +5,38 @@ export default { ...@@ -5,6 +5,38 @@ export default {
data: () => { data: () => {
return { return {
dialog: false, dialog: false,
// Absent versp. exc. type hw note
headers: [
{
text: window.django.gettext('Name'),
align: 'start',
value: 'student.full_name',
},
{
text: window.django.gettext('Absent'),
value: 'absent',
},
{
text: window.django.gettext('Tardiness'),
value: 'tardiness',
},
{
text: window.django.gettext('Excused'),
value: 'excused',
},
{
text: window.django.gettext('Excuse Type'),
value: 'excuse_type',
},
{
text: window.django.gettext('Extra Marks'),
value: 'extra_marks',
},
{
text: window.django.gettext('Remarks'),
value: 'remarks',
},
],
} }
}, },
template: ` template: `
...@@ -21,6 +53,7 @@ export default { ...@@ -21,6 +53,7 @@ export default {
v-on="on" v-on="on"
> >
Open Dialog Open Dialog
{{personalNotes}}
</div> </div>
</template> </template>
<v-card> <v-card>
...@@ -29,75 +62,43 @@ export default { ...@@ -29,75 +62,43 @@ export default {
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<v-container> <v-container>
<v-row> <v-data-table
<v-col :headers="headers"
cols="12" :items="personalNotes"
sm="6" class="elevation-1"
md="4" disable-filtering="true"
> disable-pagination="true"
<v-text-field disable-items-per-page="true"
label="Legal first name*" >
required <template v-slot:item.student.full_name="props">
></v-text-field> <v-edit-dialog
</v-col> :return-value.sync="props.item.student.full_name"
<v-col @save="save"
cols="12" @cancel="cancel"
sm="6" @open="open"
md="4" @close="close"
> >
<v-text-field {{ props.item.student.full_name }}
label="Legal middle name" <template v-slot:input>
hint="example of helper text only on focus" <v-text-field
></v-text-field> v-model="props.item.student.full_name"
</v-col> :rules="[max25chars]"
<v-col label="Edit"
cols="12" single-line
sm="6" counter
md="4" ></v-text-field>
> </template>
<v-text-field </v-edit-dialog>
label="Legal last name*" </template>
hint="example of persistent helper text" <template v-slot:item.absent="{ item }">
persistent-hint <v-simple-checkbox v-model="item.absent" ></v-simple-checkbox>
required </template>
></v-text-field> <template v-slot:item.excused="{ item }">
</v-col> <v-simple-checkbox v-model="item.excused" ></v-simple-checkbox>
<v-col cols="12"> </template>
<v-text-field </v-data-table>
label="Email*"
required
></v-text-field>
</v-col>
<v-col cols="12">
<v-text-field
label="Password*"
type="password"
required
></v-text-field>
</v-col>
<v-col
cols="12"
sm="6"
>
<v-select
:items="['0-17', '18-29', '30-54', '54+']"
label="Age*"
required
></v-select>
</v-col>
<v-col
cols="12"
sm="6"
>
<v-autocomplete
:items="['Skiing', 'Ice hockey', 'Soccer', 'Basketball', 'Hockey', 'Reading', 'Writing', 'Coding', 'Basejump']"
label="Interests"
multiple
></v-autocomplete>
</v-col>
</v-row>
</v-container> </v-container>
<small>*indicates required field</small> <!-- <small>*indicates required field</small>-->
</v-card-text> </v-card-text>
<v-card-actions> <v-card-actions>
<v-spacer></v-spacer> <v-spacer></v-spacer>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment