|
2 | 2 | <html> |
3 | 3 | <head> |
4 | 4 | <title>Countly Feedback Popup</title> |
5 | | - <link |
6 | | - href="../../star-rating/stylesheets/ratings-iframe.css" |
7 | | - rel="stylesheet" |
8 | | - /> |
9 | | - <link |
10 | | - href="../../stylesheets/font-awesome/css/font-awesome.min.css" |
11 | | - rel="stylesheet" |
12 | | - /> |
13 | | - <link |
14 | | - href="../stylesheets/ionicons/css/ionicons.min.css" |
15 | | - rel="stylesheet" |
16 | | - /> |
| 5 | + <link href="../../star-rating/stylesheets/ratings-iframe.css" rel="stylesheet" /> |
| 6 | + <link href="../../stylesheets/font-awesome/css/font-awesome.min.css" rel="stylesheet" /> |
| 7 | + <link href="../stylesheets/ionicons/css/ionicons.min.css" rel="stylesheet" /> |
17 | 8 | <% if (themeFiles && themeFiles.css) { %> |
18 | 9 | <% for(var i=0, l=themeFiles.css.length; i < l; i++) {%> |
19 | | - <link |
20 | | - href='<%= themeFiles.css[i]%>' |
21 | | - rel='stylesheet' |
22 | | - type='text/css' |
23 | | - /> |
| 10 | + <link href='<%= themeFiles.css[i]%>' rel='stylesheet' type='text/css' /> |
24 | 11 | <% } %> |
25 | 12 | <% } %> |
26 | | - <meta |
27 | | - content="width=device-width, initial-scale=1" |
28 | | - name="viewport" |
29 | | - ></meta> |
| 13 | + <meta content="width=device-width, initial-scale=1" name="viewport"></meta> |
30 | 14 | </head> |
31 | 15 | <body class="ratings-popup cly-vue-ratings-preview"> |
32 | 16 | <div class="rating-loader-wrapper"> |
33 | 17 | <img |
34 | | - src="../../star-rating/images/star-rating/loader.svg" |
35 | 18 | class="rating-loader" |
| 19 | + src="../../star-rating/images/star-rating/loader.svg" |
36 | 20 | > |
37 | 21 | </div> |
38 | 22 | <div class="modal-content"> |
39 | | - <div |
40 | | - class="close-button" |
41 | | - id="close-btn" |
42 | | - > |
43 | | - <i class="ion-ios-close-empty"></i> |
| 23 | + <div class="modal-content__top"> |
| 24 | + <div |
| 25 | + class="close-button" |
| 26 | + id="close-btn" |
| 27 | + > |
| 28 | + <i class="ion-ios-close-empty"></i> |
| 29 | + </div> |
44 | 30 | </div> |
45 | 31 | <p id="question-area"> |
46 | | - What is your opinion |
47 | | - <br> |
48 | | - of this page? |
49 | | - </br> |
| 32 | + What is your opinion<br>of this page? |
| 33 | + <!-- </br> --> |
50 | 34 | </p> |
51 | 35 | <div class="emotions-area"> |
52 | 36 | <span |
|
85 | 69 | class="input-wrapper" |
86 | 70 | id="comment-section" |
87 | 71 | > |
88 | | - <!-- |
89 | | - <label class="countly-feedback-checkbox-container"> |
90 | | - <input |
91 | | - data-state="0" |
92 | | - id="countly-feedback-show-comment" |
93 | | - type="checkbox" |
94 | | - > |
| 72 | + <!-- NOTE: this is code is commented, if not used we can remove it --> |
| 73 | + <!-- <label class="countly-feedback-checkbox-container"> |
| 74 | + <input data-state="0" id="countly-feedback-show-comment" type="checkbox"> |
95 | 75 | <span class="countly-feedback-show-comment-checkbox fa fa-square-o countly-feedback-check-green"> |
96 | 76 | </span> |
97 | 77 | <span class="countly-feedback-checkbox-title" id="cf-comment-text"> |
98 | 78 | Add comment |
99 | 79 | </span> |
100 | 80 | </input> |
101 | | - </label> |
102 | | - --> |
| 81 | + </label> --> |
103 | 82 | <div class="countly-feedback-checkbox-wrapper"> |
104 | 83 | <input |
105 | 84 | data-state="0" |
|
113 | 92 | Add comment |
114 | 93 | </label> |
115 | 94 | </div> |
116 | | - <textarea id="countly-feedback-comment-textarea"> |
117 | | - </textarea> |
| 95 | + <textarea id="countly-feedback-comment-textarea"></textarea> |
118 | 96 | </div> |
119 | 97 | <div |
120 | 98 | class="input-wrapper" |
121 | 99 | id="contact-section" |
122 | 100 | > |
123 | | - <!-- |
124 | | - <label class="countly-feedback-checkbox-container"> |
| 101 | + <!-- NOTE: this is code is commented, if not used we can remove it --> |
| 102 | + <!-- <label class="countly-feedback-checkbox-container"> |
125 | 103 | <input |
126 | 104 | data-state="0" |
127 | 105 | id="countly-feedback-show-email" |
|
133 | 111 | Contact me by email |
134 | 112 | </span> |
135 | 113 | </input> |
136 | | - </label> |
137 | | - --> |
| 114 | + </label> --> |
138 | 115 | <div class="countly-feedback-checkbox-wrapper"> |
139 | 116 | <input |
140 | 117 | data-state="0" |
|
154 | 131 | /> |
155 | 132 | </div> |
156 | 133 | </div> |
157 | | - <div class="consent" id="consent"></div> |
| 134 | + <div |
| 135 | + class="consent" |
| 136 | + id="consent" |
| 137 | + ></div> |
158 | 138 | <div class="buttons-area"> |
159 | 139 | <button |
160 | 140 | class="disabled-send-button disabled" |
|
165 | 145 | </button> |
166 | 146 | </div> |
167 | 147 | <div class="modal-footer"> |
168 | | - <a href="https://count.ly" target="_new"> |
| 148 | + <a |
| 149 | + href="https://count.ly" |
| 150 | + target="_new" |
| 151 | + > |
169 | 152 | <img |
170 | 153 | id="powered-by-countly" |
171 | 154 | src="../../star-rating/images/star-rating/powered-by-countly.svg" |
|
188 | 171 | Thank you. |
189 | 172 | <br> |
190 | 173 | We received your message. |
191 | | - </br> |
| 174 | + <!-- </br> --> |
192 | 175 | </p> |
193 | 176 | </div> |
194 | 177 | <div class="modal-footer"> |
|
212 | 195 | (function() { |
213 | 196 | /* Helper methods which we need */ |
214 | 197 | function hasClass(ele, cls) { |
215 | | - return (typeof ele.className !== 'undefined' && !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))); |
| 198 | + return ( |
| 199 | + typeof ele.className !== 'undefined' && |
| 200 | + !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')) |
| 201 | + ); |
216 | 202 | } |
217 | 203 |
|
218 | 204 | function addClass(ele, cls) { |
|
0 commit comments