|
@@ -1,44 +1,59 @@
|
1
|
1
|
<template>
|
2
|
|
- <div>
|
|
2
|
+ <main id="main" style="margin-top:200px; padding-bottom:50px">
|
3
|
3
|
<div class="container">
|
4
|
|
- <div class="container">
|
5
|
|
- <div class="row">
|
6
|
|
- <div class="col-md-12 col-lg-8">
|
7
|
|
- <div class="title-box-d">
|
8
|
|
- <br />
|
9
|
|
- <h1 class="title-d" style="text-align:left; font-size: 250%">Landing Page</h1>
|
10
|
|
- </div>
|
|
4
|
+ <div class="row">
|
|
5
|
+ <div class="col">
|
|
6
|
+ <div class="section-header">
|
|
7
|
+ <h2>Landing Page</h2>
|
11
|
8
|
</div>
|
12
|
9
|
</div>
|
13
|
10
|
</div>
|
|
11
|
+ </div>
|
|
12
|
+
|
|
13
|
+ <div v-if="checkAccess" class="container">
|
14
|
14
|
<div class="container col-md-12" style="text-align:left">
|
15
|
15
|
<div class="form-goup row">
|
16
|
16
|
<div class="col-md-4">
|
17
|
|
- <label>Campaign Name</label>
|
18
|
|
- <input v-if="isNew" class="form-control" type="text" v-model="campaign.name" />
|
19
|
|
- <FieldEditor v-else :type="'text'" v-model="campaign.name" :mayEdit="true" />
|
|
17
|
+ <float-label>
|
|
18
|
+ <input
|
|
19
|
+ class="form-control uniInput"
|
|
20
|
+ type="text"
|
|
21
|
+ v-model="campaign.name"
|
|
22
|
+ placeholder="CAMPAIGN NAME"
|
|
23
|
+ />
|
|
24
|
+ </float-label>
|
20
|
25
|
</div>
|
21
|
26
|
<div class="col-md-4">
|
22
|
|
- <label>Start Date</label>
|
23
|
|
- <input v-if="isNew" class="form-control" type="date" v-model="campaign.startDate" />
|
24
|
|
- <FieldEditor v-else :type="'date'" v-model="campaign.startDate" :mayEdit="true" />
|
|
27
|
+ <float-label fixed label="START DATE">
|
|
28
|
+ <input class="form-control uniInput" type="date" v-model="campaign.startDate" />
|
|
29
|
+ </float-label>
|
25
|
30
|
</div>
|
26
|
31
|
<div class="col-md-4">
|
27
|
|
- <label>End Date</label>
|
28
|
|
- <input v-if="isNew" class="form-control" type="date" v-model="campaign.endDate" />
|
29
|
|
- <FieldEditor v-else :type="'date'" v-model="campaign.endDate" :mayEdit="true" />
|
|
32
|
+ <float-label fixed label="END DATE">
|
|
33
|
+ <input class="form-control uniInput" type="date" v-model="campaign.endDate" />
|
|
34
|
+ </float-label>
|
30
|
35
|
</div>
|
31
|
36
|
</div>
|
32
|
|
- <div class="form-goup row">
|
|
37
|
+ <div class="row mt-4">
|
33
|
38
|
<div class="col-md-4">
|
34
|
|
- <label>Subject</label>
|
35
|
|
- <input v-if="isNew" class="form-control" type="text" v-model="campaign.subject" />
|
36
|
|
- <FieldEditor v-else :type="'text'" v-model="campaign.subject" :mayEdit="true" />
|
|
39
|
+ <float-label>
|
|
40
|
+ <input
|
|
41
|
+ class="form-control uniInput"
|
|
42
|
+ type="text"
|
|
43
|
+ v-model="campaign.subject"
|
|
44
|
+ placeholder="SUBJECT"
|
|
45
|
+ />
|
|
46
|
+ </float-label>
|
37
|
47
|
</div>
|
38
|
48
|
<div class="col-md-4">
|
39
|
|
- <label>Number of items per row</label>
|
40
|
|
- <input v-if="isNew" class="form-control" type="number" v-model="campaign.itemsPerRow" />
|
41
|
|
- <FieldEditor v-else :type="'number'" v-model="campaign.itemsPerRow" :mayEdit="true" />
|
|
49
|
+ <float-label>
|
|
50
|
+ <input
|
|
51
|
+ class="form-control uniInput"
|
|
52
|
+ type="number"
|
|
53
|
+ v-model="campaign.itemsPerRow"
|
|
54
|
+ placeholder="NUMBER OF ITEMS PER ROW"
|
|
55
|
+ />
|
|
56
|
+ </float-label>
|
42
|
57
|
</div>
|
43
|
58
|
</div>
|
44
|
59
|
<br />
|
|
@@ -265,32 +280,33 @@
|
265
|
280
|
<br />
|
266
|
281
|
<br />
|
267
|
282
|
<div class="form-group row">
|
268
|
|
- <button
|
269
|
|
- type="button"
|
270
|
|
- @click="SaveData()"
|
271
|
|
- class="btn btn-primary myBackground"
|
272
|
|
- style="width: 85px; height:40px;"
|
273
|
|
- >
|
|
283
|
+ <button type="button" @click="SaveData()" class="btn-solid-blue">
|
274
|
284
|
Save
|
275
|
285
|
</button>
|
276
|
|
- <button
|
277
|
|
- type="button"
|
278
|
|
- @click="Close()"
|
279
|
|
- class="btn btn-primary myBackground"
|
280
|
|
- style="width: 85px; height:40px;"
|
281
|
|
- >
|
|
286
|
+ <button type="button" @click="Close()" class="btn-solid-blue">
|
282
|
287
|
Close
|
283
|
288
|
</button>
|
284
|
289
|
</div>
|
285
|
290
|
</div>
|
286
|
291
|
<div v-if="wait" id="preloader"></div>
|
287
|
292
|
</div>
|
288
|
|
- </div>
|
|
293
|
+ <div v-else class="container">
|
|
294
|
+ <div class="row">
|
|
295
|
+ <div class="col">
|
|
296
|
+ <alert :text="'You don\'t have permission to view this page'" :type="'ERROR'" />
|
|
297
|
+ </div>
|
|
298
|
+ </div>
|
|
299
|
+ </div>
|
|
300
|
+ </main>
|
289
|
301
|
</template>
|
290
|
302
|
|
291
|
303
|
<script>
|
|
304
|
+/* eslint-disable */
|
292
|
305
|
import { VueEditor } from "vue2-editor";
|
293
|
306
|
import { mapState, mapActions } from "vuex";
|
|
307
|
+
|
|
308
|
+import Log from "../../assets/Log";
|
|
309
|
+import alert from "../shared/alert";
|
294
|
310
|
import FieldEditor from "../../components/shared/fieldEditor";
|
295
|
311
|
import ListView from "../shared/listView.vue";
|
296
|
312
|
import Search from "../admin/misc/carouselSearch.vue";
|
|
@@ -305,7 +321,8 @@ export default {
|
305
|
321
|
Search,
|
306
|
322
|
LandingPageItems,
|
307
|
323
|
ListView,
|
308
|
|
- WeekAdd
|
|
324
|
+ WeekAdd,
|
|
325
|
+ alert
|
309
|
326
|
},
|
310
|
327
|
data() {
|
311
|
328
|
return {
|
|
@@ -434,6 +451,13 @@ export default {
|
434
|
451
|
},
|
435
|
452
|
computed: {
|
436
|
453
|
...mapState("campaign", ["campaign", "campaignPlaceHolders", "campaignItems"]),
|
|
454
|
+ checkAccess() {
|
|
455
|
+ if (Log.getUser().role === "Super Admin") {
|
|
456
|
+ return true;
|
|
457
|
+ } else {
|
|
458
|
+ return false;
|
|
459
|
+ }
|
|
460
|
+ },
|
437
|
461
|
PlaceHolders() {
|
438
|
462
|
if (this.campaign && this.campaign.placeHolders) {
|
439
|
463
|
return this.campaign.placeHolders;
|