viithiisys / School-Management-dashboard

Download as
Browse Code ยป

Commit 756b14fe2f3ff2d3f6cf0223deceb7b7b866f9f9

Authored by Neeraj Sharma
1 parent 2d0fc11443
Exists in master and in 3 other branches amber-development, development, ui-design

uploadi image by edit notice board

Showing 2 changed files with 80 additions and 63 deletions   Show diff stats
src/pages/NoticeBoard/noticeBoard.vue
Diff comments   View file @756b14f
... ... @@ -74,30 +74,40 @@
74 74 v-model="snackbar"
75 75 color="success"
76 76 >{{ text }}</v-snackbar>
77   - <v-dialog v-model="dialog" max-width="600px">
78   - <v-flex xs12 sm12 class>
79   - <v-toolbar color="v-toolbar">
  77 + <v-dialog v-model="dialog" max-width="640px" scrollable>
  78 + <v-card style="height: 540px;">
  79 + <v-toolbar color="grey lighten-2" flat>
80 80 <v-spacer></v-spacer>
81 81 <v-toolbar-title>
82   - <h3>Edit Event</h3>
  82 + <h3>Edit Notice Board</h3>
83 83 </v-toolbar-title>
84 84 <v-spacer></v-spacer>
85 85 </v-toolbar>
86   - <v-card flat>
  86 + <v-card-text>
87 87 <v-form ref="form">
88 88 <v-container fluid>
89 89 <v-layout>
90 90 <v-flex
91 91 xs12
92   - class="text-xs-center text-sm-center text-md-center text-lg-center "
  92 + class="text-xs-center text-sm-center text-md-center text-lg-center"
93 93 >
94   - <img src="/static/icon/user.png" v-if="!editedItem.eventImageUrl" width="150px"/>
95   - <img
96   - :src="editedItem.eventImageUrl"
97   - height="150"
98   - v-else-if="editedItem.eventImageUrl"
99   - width="200px"
100   - />
  94 + <img
  95 + src="/static/icon/user.png"
  96 + v-if="!editedItem.eventImageUrl && !imageUrl"
  97 + width="150px"
  98 + />
  99 + <img
  100 + :src="editedItem.eventImageUrl"
  101 + height="150"
  102 + v-else-if="editedItem.eventImageUrl && !imageUrl"
  103 + width="180px"
  104 + />
  105 + <img
  106 + v-if="imageUrl"
  107 + :src="imageUrl"
  108 + height="150"
  109 + style="border-radius:50%; width:200px"
  110 + />
101 111 <input
102 112 type="file"
103 113 style="display: none"
... ... @@ -108,50 +118,53 @@
108 118 </v-flex>
109 119 </v-layout>
110 120 <v-layout>
111   - <!-- <v-flex xs12 sm6> -->
112   - <v-layout>
113   - <v-flex xs4 class="pt-4 subheading">
114   - <label class="right">Title:</label>
115   - </v-flex>
116   - <v-flex xs6 class="ml-3">
117   - <v-text-field
118   - v-model="editedItem.title"
119   - placeholder="fill your Title"
120   - name="name"
121   - type="text"
122   - required
123   - ></v-text-field>
124   - </v-flex>
125   - </v-layout>
126   - <!-- </v-flex> -->
127   - <!-- <v-flex xs12 sm6> -->
128   - <v-layout>
129   - <v-flex xs4 class="pt-4 subheading">
130   - <label class="right">Description:</label>
131   - </v-flex>
132   - <v-flex xs6 class="ml-3">
133   - <v-text-field
134   - placeholder="fill your Description"
135   - v-model="editedItem.description"
136   - type="text"
137   - name="email"
138   - required
139   - ></v-text-field>
140   - </v-flex>
141   - </v-layout>
142   - <v-layout>
143   - <v-flex xs4 class="pt-4 subheading">
144   - <label class="right">Uplaod Image:</label>
145   - </v-flex>
146   - <v-flex xs6 class="ml-3">
147   - <v-text-field
148   - label="Select Image"
149   - @click="pickFile"
150   - v-model="imageName"
151   - append-icon="attach_file"
152   - ></v-text-field>
153   - </v-flex>
154   - </v-layout>
  121 + <v-flex xs12>
  122 + <v-layout>
  123 + <v-flex xs4 class="pt-4 subheading">
  124 + <label class="right">Title:</label>
  125 + </v-flex>
  126 + <v-flex xs6 class="ml-3">
  127 + <v-text-field
  128 + v-model="editedItem.title"
  129 + placeholder="fill your Title"
  130 + name="name"
  131 + type="text"
  132 + required
  133 + ></v-text-field>
  134 + </v-flex>
  135 + </v-layout>
  136 + </v-flex>
  137 + <v-flex xs12>
  138 + <v-layout>
  139 + <v-flex xs4 class="pt-4 subheading">
  140 + <label class="right">Description:</label>
  141 + </v-flex>
  142 + <v-flex xs6 class="ml-3">
  143 + <v-text-field
  144 + placeholder="fill your Description"
  145 + v-model="editedItem.description"
  146 + type="text"
  147 + name="email"
  148 + required
  149 + ></v-text-field>
  150 + </v-flex>
  151 + </v-layout>
  152 + </v-flex>
  153 + <v-flex xs12>
  154 + <v-layout>
  155 + <v-flex xs4 class="pt-4 subheading">
  156 + <label class="right">Uplaod Image:</label>
  157 + </v-flex>
  158 + <v-flex xs6 class="ml-3">
  159 + <v-text-field
  160 + label="Select Image"
  161 + @click="pickFile"
  162 + v-model="imageName"
  163 + append-icon="attach_file"
  164 + ></v-text-field>
  165 + </v-flex>
  166 + </v-layout>
  167 + </v-flex>
155 168 <v-flex xs12 sm9 offset-sm2>
156 169 <v-card-actions>
157 170 <v-btn round dark @click.native="close">Cancel</v-btn>
... ... @@ -162,8 +175,8 @@
162 175 </v-layout>
163 176 </v-container>
164 177 </v-form>
165   - </v-card>
166   - </v-flex>
  178 + </v-card-text>
  179 + </v-card>
167 180 </v-dialog>
168 181  
169 182 <!-- ****** VIEW PROFIL NOTICE BOARD ****** -->
... ... @@ -180,8 +193,12 @@
180 193 </v-toolbar>
181 194 <v-card-text>
182 195 <v-flex align-center justify-center layout text-xs-center class="mt-3">
183   - <img src="/static/icon/user.png" v-if="!editedItem.eventImageUrl" width="130px"/>
184   - <img :src="editedItem.eventImageUrl" v-else-if="editedItem.eventImageUrl" width="300px" />
  196 + <img src="/static/icon/user.png" v-if="!editedItem.eventImageUrl" width="130px" />
  197 + <img
  198 + :src="editedItem.eventImageUrl"
  199 + v-else-if="editedItem.eventImageUrl"
  200 + width="200px"
  201 + />
185 202 </v-flex>
186 203 <v-container grid-list-md>
187 204 <v-layout wrap>
... ...
src/pages/Students/students.vue
Diff comments   View file @756b14f
... ... @@ -73,7 +73,7 @@
73 73 color="success"
74 74 >{{ text }}</v-snackbar>
75 75 <v-dialog v-model="dialog" max-width="1300px" scrollable>
76   - <v-card flat>
  76 + <v-card flat style="height: 800px;">
77 77 <v-toolbar color="grey lighten-2" flat>
78 78 <v-spacer></v-spacer>
79 79 <v-toolbar-title>
... ... @@ -81,7 +81,7 @@
81 81 </v-toolbar-title>
82 82 <v-spacer></v-spacer>
83 83 </v-toolbar>
84   - <v-card-text style="height: 800px;">
  84 + <v-card-text >
85 85 <v-form ref="form">
86 86 <v-container fluid>
87 87 <v-layout>
... ...