ソースを参照

Listview and User Fields

master
30117125 4年前
コミット
e7447d0485

+ 15
- 16
src/components/admin/property/userDefinedField.vue ファイルの表示

1
 <template>
1
 <template>
2
-  <div>
2
+  <main id="main">
3
     <div class="container">
3
     <div class="container">
4
       <br />
4
       <br />
5
       <div class="row">
5
       <div class="row">
54
           </form>
54
           </form>
55
         </div>
55
         </div>
56
       </div>
56
       </div>
57
+      <div class="row">
58
+        <div align="center" class="col">
59
+          <button type="button" @click="SubmitData()" class="btn-solid-blue mb-5">
60
+            Save
61
+          </button>
62
+        </div>
63
+      </div>
57
     </div>
64
     </div>
58
-    <button
59
-      type="button"
60
-      @click="SubmitData()"
61
-      class="btn btn-b-n"
62
-      style="width: 85px; height:40px;"
63
-    >
64
-      Save
65
-    </button>
66
-  </div>
65
+  </main>
67
 </template>
66
 </template>
68
 
67
 
69
 <script>
68
 <script>
70
 export default {
69
 export default {
71
-  name: 'UserField',
70
+  name: "UserField",
72
   props: {
71
   props: {
73
-    field: {},
72
+    field: {}
74
   },
73
   },
75
   data() {
74
   data() {
76
     return {
75
     return {
77
-      userField: {},
76
+      userField: {}
78
     };
77
     };
79
   },
78
   },
80
   mounted() {
79
   mounted() {
84
   },
83
   },
85
   methods: {
84
   methods: {
86
     SubmitData() {
85
     SubmitData() {
87
-      this.$emit('UpdateUserField', this.userField);
88
-    },
89
-  },
86
+      this.$emit("UpdateUserField", this.userField);
87
+    }
88
+  }
90
 };
89
 };
91
 </script>
90
 </script>

+ 2
- 7
src/components/admin/property/userDefinedGroupPage.vue ファイルの表示

105
           @onNew="newItem"
105
           @onNew="newItem"
106
         />
106
         />
107
       </div>
107
       </div>
108
-      <button
109
-        type="button"
110
-        @click="SubmitData()"
111
-        class="btn btn-b-n"
112
-        style="width: 85px; height:40px;"
113
-      >
108
+      <button type="button" @click="SubmitData()" class="btn-solid-blue mb-5">
114
         Save
109
         Save
115
       </button>
110
       </button>
116
-      <button type="button" @click="Close()" class="btn btn-b-n" style="width: 85px; height:40px;">
111
+      <button type="button" @click="Close()" class="btn-solid-blue">
117
         Close
112
         Close
118
       </button>
113
       </button>
119
     </div>
114
     </div>

+ 17
- 14
src/components/property/residential/singleView/contentSection.vue ファイルの表示

45
               </div>
45
               </div>
46
             </div>
46
             </div>
47
 
47
 
48
-            <div class="btn-white-border">
49
-              <i class="fa fa-search"></i>BOOK A VIEWING
50
-            </div>
48
+            <div class="btn-white-border"><i class="fa fa-search"></i>BOOK A VIEWING</div>
51
           </div>
49
           </div>
52
           <div class="panel-left px-5 pb-5 text-center">
50
           <div class="panel-left px-5 pb-5 text-center">
53
             <h4 class="text-white">Share this Property</h4>
51
             <h4 class="text-white">Share this Property</h4>
80
         <div></div>
78
         <div></div>
81
         <div class="col-md-8 p-5 resort-profile">
79
         <div class="col-md-8 p-5 resort-profile">
82
           <h2 v-if="property.showAddress">
80
           <h2 v-if="property.showAddress">
83
-            <div
84
-              style="display:inline"
85
-              v-if="property.propertyName !== null"
86
-            >{{ property.propertyName }} /</div>
81
+            <div style="display:inline" v-if="property.propertyName !== null">
82
+              {{ property.propertyName }} /
83
+            </div>
87
             {{ property.streetNumber }} {{ property.streetName }}
84
             {{ property.streetNumber }} {{ property.streetName }}
88
           </h2>
85
           </h2>
89
           <h2 v-else>{{ property.propertyName }}</h2>
86
           <h2 v-else>{{ property.propertyName }}</h2>
100
               style="float:right"
97
               style="float:right"
101
               class="btn-solid-blue mt-3"
98
               class="btn-solid-blue mt-3"
102
               :to="{ name: 'EnquireNow', params: { id: $route.params.id } }"
99
               :to="{ name: 'EnquireNow', params: { id: $route.params.id } }"
103
-            >MORE INFO...</router-link>
100
+              >MORE INFO...</router-link
101
+            >
104
             <h4>Property Features</h4>
102
             <h4>Property Features</h4>
105
-
103
+            {{ propertyFeatures }}
106
             <div v-for="(data, i) in property.displayData" :key="i" class="row my-3">
104
             <div v-for="(data, i) in property.displayData" :key="i" class="row my-3">
107
               <div v-for="(field, j) in data.values" :key="j" class="col-md-6">
105
               <div v-for="(field, j) in data.values" :key="j" class="col-md-6">
108
                 <div v-if="field.value.toUpperCase() != 'TRUE'">
106
                 <div v-if="field.value.toUpperCase() != 'TRUE'">
154
 export default {
152
 export default {
155
   components: {
153
   components: {
156
     gallery,
154
     gallery,
157
-    ShareFacebook,
155
+    ShareFacebook
158
   },
156
   },
159
   props: {
157
   props: {
160
     property: {},
158
     property: {},
161
-    propertyImages: {},
159
+    propertyImages: {}
162
   },
160
   },
163
   created() {
161
   created() {
164
     //this.getListsForPropertyEdit(this.property.id);
162
     //this.getListsForPropertyEdit(this.property.id);
170
     return {
168
     return {
171
       index: null,
169
       index: null,
172
       date: new Date(),
170
       date: new Date(),
173
-      currentUrl: "",
171
+      currentUrl: ""
174
     };
172
     };
175
   },
173
   },
176
   methods: {
174
   methods: {
193
       }
191
       }
194
       return "";
192
       return "";
195
     },
193
     },
194
+    propertyFeatures() {
195
+      this.property.displayData.forEach(data => {
196
+        console.log(data);
197
+      });
198
+    },
196
     Images() {
199
     Images() {
197
       const list = [];
200
       const list = [];
198
       for (let i = 0; i < this.propertyImages.length; i++) {
201
       for (let i = 0; i < this.propertyImages.length; i++) {
199
         list.push(this.propertyImages[i].image);
202
         list.push(this.propertyImages[i].image);
200
       }
203
       }
201
       return list;
204
       return list;
202
-    },
205
+    }
203
   },
206
   },
204
   created() {
207
   created() {
205
     this.$emit("Loaded", true);
208
     this.$emit("Loaded", true);
206
-  },
209
+  }
207
 };
210
 };
208
 </script>
211
 </script>
209
 
212
 

+ 8
- 2
src/components/shared/listView.vue ファイルの表示

120
               </button>
120
               </button>
121
             </td>
121
             </td>
122
             <td v-if="editable" class="my-width">
122
             <td v-if="editable" class="my-width">
123
-              <button type="button" class="btn my-btn" @click="onEdit(item)">Edit</button>
123
+              <a @click="onEdit(item)" class="p-3">
124
+                <img src="../../../public/img/icons/Edit.png" height="25" width="25" />
125
+              </a>
126
+              <!-- <button type="button" class="btn my-btn" @click="onEdit(item)">Edit</button> -->
124
             </td>
127
             </td>
125
             <td v-if="deleteable" class="my-width">
128
             <td v-if="deleteable" class="my-width">
126
-              <button type="button" class="btn my-btn" @click="onDelete(item)">Delete</button>
129
+              <a @click="onDelete(item)" class="p-3">
130
+                <img src="../../../public/img/icons/delete.png" height="25" width="25" />
131
+              </a>
132
+              <!-- <button type="button" class="btn my-btn" @click="onDelete(item)">Delete</button> -->
127
             </td>
133
             </td>
128
           </tr>
134
           </tr>
129
         </tbody>
135
         </tbody>

読み込み中…
キャンセル
保存