Upload New File

NMP Moodle Pluggin Updated/student_reports/templates/notes.mustache

+<div id="sr-loader">
+  <div class="progress-student-reports">
+    <div class="indeterminate"></div>
+  </div>
+</div>
+
+<v-app id="notes">
+  <v-content>
+    <pageheader :pagetitle="strings.title_notes" :helptitle="strings.helplabel" :exitbutton="strings.exitbutton"
+                :helpcontents="get_help_content()"></pageheader>
+    <v-row class="pt-4">
+      <v-col cols="12" sm="8" offset-sm="2" class="mb-0 pa-0">
+        <v-layout column>
+          <v-text-field :label="strings.title" outlined v-model="title" id="titlenote" class="mb-1"></v-text-field>
+          <quill-editor v-model="notes" :options="quillOptions" class="quill-editor mb-2"></quill-editor>
+          <v-flex d-flex justify-center align-center>
+            <v-btn v-text="strings.btn_note_new" v-if="noteid" @click="clear_form_note()" class="sr-btn-secondary ma-0 mr-2"></v-btn>
+            <v-btn v-text="strings.btn_notes" :disabled="!isDisabledBtn" @click="action_note()" class="sr-btn-primary ma-0"></v-btn>
+          </v-flex>
+        </v-layout>
+        <v-layout class="justify-center">
+          <v-progress-linear v-if="saving_loader" indeterminate color="cyan" class="mt-2"></v-progress-linear>
+        </v-layout>
+      </v-col>
+    <v-row>
+
+    <v-layout column>
+    <v-divider></v-divider>
+    <v-flex d-flex justify-center>
+      <v-flex class="input-search pr-3 pl-3 pt-2 pb-1">
+        <v-text-field :placeholder="strings.search" prepend-icon="search" v-model="search_notes" class="ma-0 pa-0" clearable></v-text-field>
+      </v-flex>
+    </v-flex>
+    <v-divider></v-divider>
+    </v-layout>
+
+    <v-container pr-12 pl-12>
+      <v-row>
+        <v-layout v-if="notes_not_found" class="mt-10" justify-center>
+          <span class="title" v-text="strings.notes_not_found"></span>
+        </v-layout>
+        <masonry v-else :cols="{default: 3, 1000: 2, 800: 1}" class="full-width">
+        <v-layout v-for="(note,index,key) in get_notes" :key="key" class="pa-3 full-width">
+        <v-card flat class="text-xs-center full-width">
+          <v-card-title class="pa-1 pl-4">
+            <v-layout justify-space-between align-center>
+              <v-flex d-flex justify-start align-center>
+                <v-chip v-if="(note.new_note)" class="mr-2" small color="orange" text-color="white" v-text="strings.string_note_new"></v-chip>
+                <v-chip v-if="(note.update_note)" class="mr-2" small  color="green" text-color="white" v-text="strings.string_note_update"></v-chip>
+                <span class="subtitle-1 font-weight-bold" v-text="note.title"></span>
+              </v-flex>
+              <v-menu bottom left>
+                <template v-slot:activator="{ on }">
+                  <span class="single-button" v-on="on"><v-icon>mdi-dots-vertical</v-icon></span>
+                </template>
+                <v-list>
+                  <v-list-item-title @click="complete_fields_update(note)" v-text="strings.btn_note_update"></v-list-item-title>
+                  <v-list-item-title @click="delete_note(note.id)" v-text="strings.btn_note_delete"></v-list-item-title>
+                </v-list>
+              </v-menu>
+            </v-layout>
+          </v-card-title>
+          <v-card-text class="pa-4">
+            <v-layout column>
+                <v-flex v-html='note.description'>
+                </v-flex>
+                <v-flex d-flex justify-end pr-2 pl-2>
+                  <span class="caption text-gray" v-text="txt_created(note)"></span>
+                </v-flex>
+            </v-layout>
+          </v-card-text>
+        </v-card>  
+        </v-layout> 
+        </masonry>
+      </v-row>
+    </v-container>
+  </v-content>
+</v-app>
\ No newline at end of file