1
+ <template >
2
+ <div class =" uk-form uk-form-horizontal" >
3
+ <h1 >{{ 'Cookiewarning Settings' | trans }}</h1 >
4
+ <div class =" uk-form-row" >
5
+ <label for =" form-position" class =" uk-form-label" >{{ 'Position' | trans }}</label >
6
+ <div class =" uk-form-controls" >
7
+ <select id =" form-position" class =" uk-form-width-medium" v-model =" package.config.position" >
8
+ <option value =" bottom" >{{ 'Bottom' | trans }}</option >
9
+ <option value =" top" >{{ 'Top' | trans }}</option >
10
+ <option value =" bottom-left" >{{ 'Bottom-Left' | trans }}</option >
11
+ <option value =" bottom-right" >{{ 'Bottom-Right' | trans }}</option >
12
+ </select >
13
+ </div >
14
+ </div >
15
+ <div class =" uk-form-row" >
16
+ <label for =" form-theme" class =" uk-form-label" >{{ 'Theme' | trans }}</label >
17
+ <div class =" uk-form-controls" >
18
+ <select id =" form-theme" class =" uk-form-width-medium" v-model =" package.config.theme" >
19
+ <option value =" classic" >{{ 'Classic' | trans }}</option >
20
+ <option value =" block" >{{ 'Block' | trans }}</option >
21
+ <option value =" edgeless" >{{ 'Edgeless' | trans }}</option >
22
+ </select >
23
+ </div >
24
+ </div >
25
+ <div class =" uk-form-row" >
26
+ <label class =" uk-form-label" >{{ 'Popup-Background-Colour' | trans }}</label >
27
+ <div class =" uk-form-controls uk-form-controls-text" >
28
+ <p class =" uk-form-controls-condensed" >
29
+ <input type =" text" class =" uk-form-width-medium" placeholder =" #000000" v-model =" package.config.popup.backgroundcolour" >
30
+ </p >
31
+ </div >
32
+ </div >
33
+ <div class =" uk-form-row" >
34
+ <label class =" uk-form-label" >{{ 'Popup-Text-Colour' | trans }}</label >
35
+ <div class =" uk-form-controls uk-form-controls-text" >
36
+ <p class =" uk-form-controls-condensed" >
37
+ <input type =" text" class =" uk-form-width-medium" placeholder =" #000000" v-model =" package.config.popup.textcolour" >
38
+ </p >
39
+ </div >
40
+ </div >
41
+ <div class =" uk-form-row" >
42
+ <label class =" uk-form-label" >{{ 'Button-Background-Colour' | trans }}</label >
43
+ <div class =" uk-form-controls uk-form-controls-text" >
44
+ <p class =" uk-form-controls-condensed" >
45
+ <input type =" text" class =" uk-form-width-medium" placeholder =" #000000" v-model =" package.config.button.backgroundcolour" >
46
+ </p >
47
+ </div >
48
+ </div >
49
+ <div class =" uk-form-row" >
50
+ <label class =" uk-form-label" >{{ 'Button-Text-Colour' | trans }}</label >
51
+ <div class =" uk-form-controls uk-form-controls-text" >
52
+ <p class =" uk-form-controls-condensed" >
53
+ <input type =" text" class =" uk-form-width-medium" placeholder =" #000000" v-model =" package.config.button.textcolour" >
54
+ </p >
55
+ </div >
56
+ </div >
57
+ <div class =" uk-form-row" >
58
+ <label class =" uk-form-label" >{{ 'Message' | trans }}</label >
59
+ <div class =" uk-form-controls uk-form-controls-text" >
60
+ <p class =" uk-form-controls-condensed" >
61
+ <input type =" text" class =" uk-form-width-medium" placeholder =" {{ 'Overwrite message' | trans }}" v-model =" package.config.message" >
62
+ </p >
63
+ </div >
64
+ </div >
65
+ <div class =" uk-form-row" >
66
+ <label class =" uk-form-label" >{{ 'Dismiss-Button-Text' | trans }}</label >
67
+ <div class =" uk-form-controls uk-form-controls-text" >
68
+ <p class =" uk-form-controls-condensed" >
69
+ <input type =" text" class =" uk-form-width-medium" placeholder =" {{ 'Overwrite dismiss-button' | trans }}" v-model =" package.config.dismissbuttontext" >
70
+ </p >
71
+ </div >
72
+ </div >
73
+ <div class =" uk-form-row" >
74
+ <label class =" uk-form-label" >{{ 'Policy URL' | trans }}</label >
75
+ <div class =" uk-form-controls uk-form-controls-text" >
76
+ <p class =" uk-form-controls-condensed" >
77
+ <input-link id =" form-redirect" class =" uk-form-width-medium" :link.sync =" package.config.url" ></input-link >
78
+ </p >
79
+ </div >
80
+ </div >
81
+ <div class =" uk-form-row" >
82
+ <label class =" uk-form-label" >{{ 'Policy-Link-Text' | trans }}</label >
83
+ <div class =" uk-form-controls uk-form-controls-text" >
84
+ <p class =" uk-form-controls-condensed" >
85
+ <input type =" text" class =" uk-form-width-medium" placeholder =" {{ 'Overwrite Policy-Link-Text' | trans }}" v-model =" package.config.policytext" >
86
+ </p >
87
+ </div >
88
+ </div >
89
+ <div class =" uk-form-row uk-margin-top" >
90
+ <div class =" uk-form-controls" >
91
+ <button class =" uk-button uk-button-primary" @click =" save" >{{ 'Save' | trans }}</button >
92
+ </div >
93
+ </div >
94
+ </div >
95
+ </template >
96
+
97
+ <script >
98
+
99
+ module .exports = {
100
+
101
+ settings: true ,
102
+
103
+ props: [' package' ],
104
+
105
+ methods: {
106
+ save : function save () {
107
+ this .$http .post (' admin/system/settings/config' , {
108
+ name: ' spqr/cookiewarning' ,
109
+ config: this .package .config
110
+ }).then (function () {
111
+ this .$notify (' Settings saved.' , ' ' );
112
+ }).catch (function (response ) {
113
+ this .$notify (response .message , ' danger' );
114
+ }).finally (function () {
115
+ this .$parent .close ();
116
+ });
117
+ }
118
+ }
119
+ };
120
+
121
+ window .Extensions .components [' cookiewarning-settings' ] = module .exports ;
122
+ </script >
0 commit comments