vcomply-design-system 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (180) hide show
  1. package/README.md +22 -0
  2. package/css-build/css/alignment/alignment.css +33 -0
  3. package/css-build/css/animate/animate-fade-in-left.css +28 -0
  4. package/css-build/css/animate/animate-fade-in-right.css +28 -0
  5. package/css-build/css/animate/animate-fade-in.css +20 -0
  6. package/css-build/css/animate/animate-fade-out.css +20 -0
  7. package/css-build/css/animate/animate-slide-down.css +26 -0
  8. package/css-build/css/animate/animate-slide-left.css +26 -0
  9. package/css-build/css/animate/animate-slide-right.css +26 -0
  10. package/css-build/css/animate/animate-slide-up.css +26 -0
  11. package/css-build/css/animate/animation.css +58 -0
  12. package/css-build/css/animate/index.css +258 -0
  13. package/css-build/css/avatars/avatars.css +83 -0
  14. package/css-build/css/button/button.css +237 -0
  15. package/css-build/css/color/color.css +152 -0
  16. package/css-build/css/dialog/dialog.css +421 -0
  17. package/css-build/css/display/display.css +24 -0
  18. package/css-build/css/forms/check-box.css +97 -0
  19. package/css-build/css/forms/forms.css +336 -0
  20. package/css-build/css/forms/index.css +862 -0
  21. package/css-build/css/forms/radio.css +116 -0
  22. package/css-build/css/forms/range-slider.css +203 -0
  23. package/css-build/css/forms/switch.css +124 -0
  24. package/css-build/css/header/header.css +344 -0
  25. package/css-build/css/icons/icons.css +53 -0
  26. package/css-build/css/index.css +548 -0
  27. package/css-build/css/index2.css +313 -0
  28. package/css-build/css/layout/layout.css +19 -0
  29. package/css-build/css/left-menu/main-menu.css +98 -0
  30. package/css-build/css/left-menu/sub-menu.css +323 -0
  31. package/css-build/css/list/list.css +3 -0
  32. package/css-build/css/loader/v-loader.css +183 -0
  33. package/css-build/css/margin/index.css +112 -0
  34. package/css-build/css/margin/margin-bottom.css +25 -0
  35. package/css-build/css/margin/margin-left.css +25 -0
  36. package/css-build/css/margin/margin-right.css +40 -0
  37. package/css-build/css/margin/margin-top.css +25 -0
  38. package/css-build/css/margin/margin.css +25 -0
  39. package/css-build/css/mixin/mixin.css +7 -0
  40. package/css-build/css/mixin.css +0 -0
  41. package/css-build/css/no-data/no-data.css +36 -0
  42. package/css-build/css/padding/index.css +97 -0
  43. package/css-build/css/padding/padding-bottom.css +25 -0
  44. package/css-build/css/padding/padding-left.css +25 -0
  45. package/css-build/css/padding/padding-right.css +25 -0
  46. package/css-build/css/padding/padding-top.css +25 -0
  47. package/css-build/css/padding/padding.css +25 -0
  48. package/css-build/css/pagination/pagination.css +131 -0
  49. package/css-build/css/panel/panel.css +76 -0
  50. package/css-build/css/popover/popover.css +237 -0
  51. package/css-build/css/quick-links/quick-links.css +84 -0
  52. package/css-build/css/smiley/smiley.css +353 -0
  53. package/css-build/css/snack-bar/snack-bar.css +77 -0
  54. package/css-build/css/table/table.css +191 -0
  55. package/css-build/css/table-card/table-card.css +242 -0
  56. package/css-build/css/text/text.css +157 -0
  57. package/css-build/css/user-panel/user-panel.css +115 -0
  58. package/css-build/css/vx.css +4254 -0
  59. package/css-build/css/width/width.css +43 -0
  60. package/css-build/fonts/icon.eot +0 -0
  61. package/css-build/fonts/icon.svg +583 -0
  62. package/css-build/fonts/icon.ttf +0 -0
  63. package/css-build/fonts/icon.woff +0 -0
  64. package/css-build/images/1.jpg +0 -0
  65. package/css-build/images/2.jpg +0 -0
  66. package/css-build/images/3.jpg +0 -0
  67. package/css-build/images/4.jpg +0 -0
  68. package/css-build/images/example/graph-sec-menu.JPG +0 -0
  69. package/css-build/images/example/layout.svg +388 -0
  70. package/css-build/images/example/menu-icon-m.svg +56 -0
  71. package/css-build/images/example/primary-menu.svg +66 -0
  72. package/css-build/images/example/vcomply-icon-m.svg +43 -0
  73. package/css-build/images/favicon.ico +0 -0
  74. package/css-build/images/grid.JPG +0 -0
  75. package/css-build/images/no-data.svg +268 -0
  76. package/css-build/images/open-arrow-left.svg +3 -0
  77. package/css-build/images/plus-create-icon.svg +23 -0
  78. package/css-build/images/plus-incident-icon.svg +44 -0
  79. package/css-build/images/plus-risk-icon.svg +45 -0
  80. package/css-build/images/v-icon.svg +1 -0
  81. package/css-build/index.html +188 -0
  82. package/css-build/js/table.js +72 -0
  83. package/css-build/js/toolbar.js +48 -0
  84. package/css-build/less/alignment/alignment.less +43 -0
  85. package/css-build/less/animate/animate-fade-in-left.less +32 -0
  86. package/css-build/less/animate/animate-fade-in-right.less +32 -0
  87. package/css-build/less/animate/animate-fade-in.less +24 -0
  88. package/css-build/less/animate/animate-fade-out.less +24 -0
  89. package/css-build/less/animate/animate-slide-down.less +30 -0
  90. package/css-build/less/animate/animate-slide-left.less +30 -0
  91. package/css-build/less/animate/animate-slide-right.less +30 -0
  92. package/css-build/less/animate/animate-slide-up.less +30 -0
  93. package/css-build/less/animate/animation.less +58 -0
  94. package/css-build/less/animate/index.less +9 -0
  95. package/css-build/less/avatars/avatars.less +96 -0
  96. package/css-build/less/button/button.less +201 -0
  97. package/css-build/less/color/color.less +209 -0
  98. package/css-build/less/dialog/dialog.less +502 -0
  99. package/css-build/less/display/display.less +31 -0
  100. package/css-build/less/forms/check-box.less +117 -0
  101. package/css-build/less/forms/forms.less +386 -0
  102. package/css-build/less/forms/index.less +5 -0
  103. package/css-build/less/forms/radio.less +139 -0
  104. package/css-build/less/forms/range-slider.less +69 -0
  105. package/css-build/less/forms/switch.less +166 -0
  106. package/css-build/less/header/header.less +236 -0
  107. package/css-build/less/icons/icons.less +50 -0
  108. package/css-build/less/index.less +74 -0
  109. package/css-build/less/index2.less +396 -0
  110. package/css-build/less/layout/layout.less +16 -0
  111. package/css-build/less/left-menu/main-menu.less +123 -0
  112. package/css-build/less/left-menu/sub-menu.less +326 -0
  113. package/css-build/less/list/list.less +5 -0
  114. package/css-build/less/loader/v-loader.less +219 -0
  115. package/css-build/less/margin/index.less +5 -0
  116. package/css-build/less/margin/margin-bottom.less +25 -0
  117. package/css-build/less/margin/margin-left.less +25 -0
  118. package/css-build/less/margin/margin-right.less +40 -0
  119. package/css-build/less/margin/margin-top.less +25 -0
  120. package/css-build/less/margin/margin.less +25 -0
  121. package/css-build/less/mixin/mixin.less +27 -0
  122. package/css-build/less/mixin.less +1 -0
  123. package/css-build/less/no-data/no-data.less +52 -0
  124. package/css-build/less/padding/index.less +5 -0
  125. package/css-build/less/padding/padding-bottom.less +25 -0
  126. package/css-build/less/padding/padding-left.less +20 -0
  127. package/css-build/less/padding/padding-right.less +20 -0
  128. package/css-build/less/padding/padding-top.less +25 -0
  129. package/css-build/less/padding/padding.less +25 -0
  130. package/css-build/less/pagination/pagination.less +144 -0
  131. package/css-build/less/panel/panel.less +116 -0
  132. package/css-build/less/popover/popover.less +273 -0
  133. package/css-build/less/quick-links/quick-links.less +90 -0
  134. package/css-build/less/smiley/smiley.less +422 -0
  135. package/css-build/less/snack-bar/snack-bar.less +86 -0
  136. package/css-build/less/table/table.less +293 -0
  137. package/css-build/less/table-card/table-card.less +116 -0
  138. package/css-build/less/text/text.less +179 -0
  139. package/css-build/less/user-panel/user-panel.less +123 -0
  140. package/css-build/less/vx.less +28 -0
  141. package/css-build/less/width/width.less +37 -0
  142. package/css-build/less.js +11 -0
  143. package/css-build/pages/alignment.html +102 -0
  144. package/css-build/pages/avatars.html +555 -0
  145. package/css-build/pages/button.html +993 -0
  146. package/css-build/pages/checkbox.html +560 -0
  147. package/css-build/pages/color-palette.html +358 -0
  148. package/css-build/pages/common-layout.html +125 -0
  149. package/css-build/pages/dialog.html +738 -0
  150. package/css-build/pages/display.html +67 -0
  151. package/css-build/pages/font-family.html +281 -0
  152. package/css-build/pages/header.html +590 -0
  153. package/css-build/pages/icons.html +3715 -0
  154. package/css-build/pages/mein-menu-active.html +67 -0
  155. package/css-build/pages/mein-menu-sub-menu.html +110 -0
  156. package/css-build/pages/mein-menu-tooltip.html +70 -0
  157. package/css-build/pages/mein-menu.html +321 -0
  158. package/css-build/pages/no-data.html +277 -0
  159. package/css-build/pages/panel.html +423 -0
  160. package/css-build/pages/popover.html +666 -0
  161. package/css-build/pages/radio.html +418 -0
  162. package/css-build/pages/range-slider.html +279 -0
  163. package/css-build/pages/select-box.html +933 -0
  164. package/css-build/pages/smiley.html +355 -0
  165. package/css-build/pages/sub-menu.html +396 -0
  166. package/css-build/pages/switch.html +349 -0
  167. package/css-build/pages/tab-menu.html +301 -0
  168. package/css-build/pages/table-card.html +510 -0
  169. package/css-build/pages/table.html +2218 -0
  170. package/css-build/pages/text-box.html +325 -0
  171. package/css-build/pages/text.html +106 -0
  172. package/css-build/pages/v-loader.html +163 -0
  173. package/css-build/sw/pwabuilder-sw-register.js +14 -0
  174. package/css-build/sw/pwabuilder-sw.js +47 -0
  175. package/css-build/utility/code-prev.css +19 -0
  176. package/css-build/utility/prism.css +130 -0
  177. package/css-build/utility/prism.js +8 -0
  178. package/index.js +66 -0
  179. package/nodemon.json +4 -0
  180. package/package.json +24 -0
package/css-build/pages/smiley.html ADDED
@@ -0,0 +1,355 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
+ <title>Smiley</title>
9
+ <link rel="preconnect" href="https://fonts.gstatic.com">
10
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
11
+ rel="stylesheet">
12
+ <link rel="stylesheet" type="text/css" href="../utility/prism.css" />
13
+ <link rel="stylesheet" type="text/css" href="../utility/code-prev.css" />
14
+ <link rel="stylesheet/less" type="text/css" href="../less/index2.less" />
15
+ <link rel="stylesheet/less" type="text/css" href="../less/text/text.less" />
16
+ <link rel="stylesheet/less" type="text/css" href="../less/smiley/smiley.less" />
17
+ <link rel="stylesheet/less" type="text/css" href="../less/display/display.less" />
18
+ <link rel="stylesheet/less" type="text/css" href="../less/alignment/alignment.less" />
19
+ <link rel="stylesheet/less" type="text/css" href="../less/button/button.less" />
20
+ <link rel="stylesheet/less" type="text/css" href="../less/margin/margin.less" />
21
+ <link rel="stylesheet/less" type="text/css" href="../less/margin/margin-top.less" />
22
+ <link rel="stylesheet/less" type="text/css" href="../less/margin/margin-right.less" />
23
+ <link rel="stylesheet/less" type="text/css" href="../less/margin/margin-bottom.less" />
24
+ <link rel="stylesheet/less" type="text/css" href="../less/margin/margin-left.less" />
25
+ <link rel="stylesheet/less" type="text/css" href="../less/padding/padding.less" />
26
+ <link rel="stylesheet/less" type="text/css" href="../less/padding/padding-bottom.less" />
27
+ <link rel="stylesheet/less" type="text/css" href="../less/padding/padding-left.less" />
28
+ <link rel="stylesheet/less" type="text/css" href="../less/padding/padding-right.less" />
29
+ <link rel="stylesheet/less" type="text/css" href="../less/padding/padding-top.less" />
30
+ <link rel="stylesheet/less" type="text/css" href="../less/left-menu/sub-menu.less" />
31
+ </head>
32
+
33
+ <body>
34
+ <section>
35
+ <div class="head vx-mb-5">
36
+ <h2 class="title vx-label-txt vx-m-0 vx-mb-4">Smilley</h2>
37
+ <p class="vx-paragraph-text vx-fs-paragraph vx-fw-400 vx-m-0 vx-mb-4">This will appear across whole VComply system every atomic action.</p>
38
+ </div>
39
+ <div class="vx-d-flex vx-align-start">
40
+ <div class="page-container">
41
+ <div class="container" id="happySmiley">
42
+ <h3 class="vx-fs-4 vx-label-txt vx-lh-8 vx-fw-600">Smiley happy face</h3>
43
+ <p class="vx-paragraph-text vx-fs-paragraph vx-fw-400 vx-m-0 vx-mb-4">
44
+ Across whole VComply system every atomic action I.e either positive or Negative is represented
45
+ by and Smiley. For showing positivity we use smiling face and for showing negativity we use
46
+ upset face.
47
+ </p>
48
+ <div class="preview-block">
49
+ <div class="action-buttons">
50
+ <button class="vx-btn md transparent">
51
+ <i class="icons">&#xe9b6;</i> Copy Code
52
+ </button>
53
+ <button class="vx-btn md transparent" data-tab="smileHappy">
54
+ <i class="icons rotate">&#xea95;</i> View Code
55
+ </button>
56
+ </div>
57
+ <div class="preview-container vx-p-5">
58
+ <div class="vx-smiley-popup vx-d-flex vx-justify-center vx-align-center vx-p-5">
59
+ <div class="vx-smiley-container vx-text-center">
60
+ <div class="vx-smiley">
61
+ <div class="vx-smiley-circle happy">
62
+ <div class="vx-smiley-circle-inner">
63
+ <div class="eyes">
64
+ <div class="eye"></div>
65
+ <div class="eye"></div>
66
+ </div>
67
+ <div class="mouth"></div>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ <h3>Add a Message!</h3>
72
+ <div class="successSmilyButton vx-d-flex vx-justify-center vx-align-center">
73
+ <button class="vx-btn lg primary outline vx-justify-center">Add More</button>
74
+ <button class="vx-btn lg primary vx-justify-center">View More</button>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ </div>
79
+ </div>
80
+ <div class="code-view vx-mb-5" id="smileHappy">
81
+ <div class="code-navigation">
82
+ <button class="active">HTML</button>
83
+ <button>CSS</button>
84
+ </div>
85
+ <code class="language-markup">
86
+ <script type="prism-html-markup">
87
+ <div class="vx-smiley-popup vx-d-flex vx-justify-center vx-align-center">
88
+ <div class="vx-smiley-container vx-text-center">
89
+ <div class="vx-smiley">
90
+ <div class="vx-smiley-circle happy">
91
+ <div class="vx-smiley-circle-inner">
92
+ <div class="eyes">
93
+ <div class="eye"></div>
94
+ <div class="eye"></div>
95
+ </div>
96
+ <div class="mouth"></div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ <h3>Add a Message!</h3>
101
+ <div class="successSmilyButton vx-d-flex vx-justify-center vx-align-center">
102
+ <button class="vx-btn lg primary outline vx-justify-center">Add More</button>
103
+ <button class="vx-btn lg primary vx-justify-center">View More</button>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </script>
108
+ </code>
109
+ </div>
110
+ </div>
111
+ <div class="container" id="sadSmiley">
112
+ <h3 class="vx-fs-4 vx-label-txt vx-lh-8 vx-fw-600">Smiley Sad face</h3>
113
+ <p class="vx-paragraph-text vx-fs-paragraph vx-fw-400 vx-m-0 vx-mb-4">
114
+ Across whole VComply system every atomic action I.e either positive or Negative is represented
115
+ by and Smiley. For showing positivity we use smiling face and for showing negativity we use
116
+ upset face.
117
+ </p>
118
+ <div class="preview-block">
119
+ <div class="action-buttons">
120
+ <button class="vx-btn md transparent">
121
+ <i class="icons">&#xe9b6;</i> Copy Code
122
+ </button>
123
+ <button class="vx-btn md transparent" data-tab="smileSad">
124
+ <i class="icons rotate">&#xea95;</i> View Code
125
+ </button>
126
+ </div>
127
+ <div class="preview-container vx-p-5">
128
+ <div class="vx-smiley-popup vx-d-flex vx-justify-center vx-align-center vx-p-5">
129
+ <div class="vx-smiley-container vx-text-center">
130
+ <div class="vx-smiley">
131
+ <div class="vx-smiley-circle sad">
132
+ <div class="vx-smiley-circle-inner">
133
+ <div class="eyes">
134
+ <div class="eye"></div>
135
+ <div class="eye"></div>
136
+ </div>
137
+ <div class="mouth"></div>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ <h3>Add a Message!</h3>
142
+ <div class="successSmilyButton vx-d-flex vx-justify-center vx-align-center">
143
+ <button class="vx-btn lg primary outline vx-justify-center">Add More</button>
144
+ <button class="vx-btn lg primary vx-justify-center">View More</button>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ <div class="code-view vx-mb-5" id="smileSad">
151
+ <div class="code-navigation">
152
+ <button class="active">HTML</button>
153
+ <button>CSS</button>
154
+ </div>
155
+ <code class="language-markup">
156
+ <script type="prism-html-markup">
157
+ <div class="vx-smiley-popup vx-d-flex vx-justify-center vx-align-center">
158
+ <div class="vx-smiley-container vx-text-center">
159
+ <div class="vx-smiley">
160
+ <div class="vx-smiley-circle sad">
161
+ <div class="vx-smiley-circle-inner">
162
+ <div class="eyes">
163
+ <div class="eye"></div>
164
+ <div class="eye"></div>
165
+ </div>
166
+ <div class="mouth"></div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ <h3>Add a Message!</h3>
171
+ <div class="successSmilyButton vx-d-flex vx-justify-center vx-align-center">
172
+ <button class="vx-btn lg primary outline vx-justify-center">Add More</button>
173
+ <button class="vx-btn lg primary vx-justify-center">View More</button>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ </script>
178
+ </code>
179
+ </div>
180
+ </div>
181
+ <div class="container" id="closeSmiley">
182
+ <h3 class="vx-fs-4 vx-label-txt vx-lh-8 vx-fw-600">Smiley with close</h3>
183
+ <p class="vx-paragraph-text vx-fs-paragraph vx-fw-400 vx-m-0 vx-mb-4">
184
+ Across whole VComply system every atomic action I.e either positive or Negative is represented
185
+ by and Smiley. For showing positivity we use smiling face and for showing negativity we use
186
+ upset face.
187
+ </p>
188
+ <div class="preview-block">
189
+ <div class="action-buttons">
190
+ <button class="vx-btn md transparent">
191
+ <i class="icons">&#xe9b6;</i> Copy Code
192
+ </button>
193
+ <button class="vx-btn md transparent" data-tab="smileClose">
194
+ <i class="icons rotate">&#xea95;</i> View Code
195
+ </button>
196
+ </div>
197
+ <div class="preview-container vx-p-5">
198
+ <div class="vx-smiley-popup vx-d-flex vx-justify-center vx-align-center with-close vx-p-5">
199
+ <button class="close">
200
+ <i class="icons">&#xe93f;</i>
201
+ </button>
202
+ <div class="vx-smiley-container vx-text-center">
203
+ <div class="vx-smiley">
204
+ <div class="vx-smiley-circle happy">
205
+ <div class="vx-smiley-circle-inner">
206
+ <div class="eyes">
207
+ <div class="eye"></div>
208
+ <div class="eye"></div>
209
+ </div>
210
+ <div class="mouth"></div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ <h3>Add a Message!</h3>
215
+ <div class="successSmilyButton vx-d-flex vx-justify-center vx-align-center">
216
+ <button class="vx-btn lg primary outline vx-justify-center">Add More</button>
217
+ <button class="vx-btn lg primary vx-justify-center">View More</button>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ <div class="code-view vx-mb-5" id="smileClose">
224
+ <div class="code-navigation">
225
+ <button class="active">HTML</button>
226
+ <button>CSS</button>
227
+ </div>
228
+ <code class="language-markup">
229
+ <script type="prism-html-markup">
230
+ <div class="vx-smiley-popup vx-d-flex vx-justify-center vx-align-center with-close">
231
+ <button class="close">
232
+ <i class="icons">&#xe93f;</i>
233
+ </button>
234
+ <div class="vx-smiley-container vx-text-center">
235
+ <div class="vx-smiley">
236
+ <div class="vx-smiley-circle happy">
237
+ <div class="vx-smiley-circle-inner">
238
+ <div class="eyes">
239
+ <div class="eye"></div>
240
+ <div class="eye"></div>
241
+ </div>
242
+ <div class="mouth"></div>
243
+ </div>
244
+ </div>
245
+ </div>
246
+ <h3>Add a Message!</h3>
247
+ <div class="successSmilyButton vx-d-flex vx-justify-center vx-align-center">
248
+ <button class="vx-btn lg primary outline vx-justify-center">Add More</button>
249
+ <button class="vx-btn lg primary vx-justify-center">View More</button>
250
+ </div>
251
+ </div>
252
+ </div>
253
+ </script>
254
+ </code>
255
+ </div>
256
+ </div>
257
+ </div>
258
+ <div class="page-quick-menu">
259
+ <div class="vx-sub-menu vx-p-0">
260
+ <h3 class="vx-title vx-lh-12 vx-tt-uppercase vx-fw-500 vx-m-0 vx-label-txt vx-d-flex vx-align-center vx-pr-3 vx-pl-3">Contents</h3>
261
+ <ul class="vx-p-0">
262
+ <li><a href="#happySmiley" class="vx-fs-3 vx-d-block vx-lh-10 vx-fw-400 vx-pr-3 vx-pl-3 active">Smiley happy face</a></li>
263
+ <li><a href="#sadSmiley" class="vx-fs-3 vx-d-block vx-lh-10 vx-fw-400 vx-pr-3 vx-pl-3">Smiley Sad face</a></li>
264
+ <li><a href="#closeSmiley" class="vx-fs-3 vx-d-block vx-lh-10 vx-fw-400 vx-pr-3 vx-pl-3">Smiley with close</a></li>
265
+ </ul>
266
+ </div>
267
+ </div>
268
+ </div>
269
+ </section>
270
+
271
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
272
+ <script async src="../less.js"></script>
273
+ <script src="../utility/prism.js"></script>
274
+ <script>
275
+ function copyToClipboard1() {
276
+ var copyText = document.getElementById("mainMenu1");
277
+ copyText.select();
278
+ copyText.setSelectionRange(0, 999999999999999999999)
279
+ document.execCommand('copy');
280
+ alert("Copied the text");
281
+ }
282
+ function copyToClipboard2() {
283
+ var copyText = document.getElementById("mainMenu2");
284
+ copyText.select();
285
+ copyText.setSelectionRange(0, 999999999999999999999)
286
+ document.execCommand("copy");
287
+ alert("Copied the text");
288
+ }
289
+ function copyToClipboard3() {
290
+ var copyText = document.getElementById("mainMenu3");
291
+ copyText.select();
292
+ copyText.setSelectionRange(0, 999999999999999999999)
293
+ document.execCommand("copy");
294
+ alert("Copied the text");
295
+ }
296
+ function copyToClipboard4() {
297
+ var copyText = document.getElementById("mainMenu4");
298
+ copyText.select();
299
+ copyText.setSelectionRange(0, 999999999999999999999)
300
+ document.execCommand("copy");
301
+ alert("Copied the text");
302
+ }
303
+ function copyToClipboard5() {
304
+ var copyText = document.getElementById("mainMenu5");
305
+ copyText.select();
306
+ copyText.setSelectionRange(0, 999999999999999999999)
307
+ document.execCommand("copy");
308
+ alert("Copied the text");
309
+ }
310
+
311
+
312
+ $(document).ready(function () {
313
+ $('button').click(function () {
314
+ var tab_id = $(this).attr('data-tab');
315
+ $('.code-view vx-mb-5').removeClass('active');
316
+ $("#" + tab_id).toggleClass('active');
317
+ })
318
+ });
319
+ $('ul li a.vx-fs-3[href*="#"]')
320
+ .not('[href="#"]')
321
+ .not('[href="#0"]')
322
+ .click(function (event) {
323
+ if (
324
+ location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
325
+ &&
326
+ location.hostname == this.hostname
327
+ ) {
328
+ $('ul li a.vx-fs-3[href*="#"]').removeClass('active');
329
+ $(this).addClass('active');
330
+ var target = $(this.hash);
331
+ console.log(target);
332
+ target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
333
+ if (target.length) {
334
+ event.preventDefault();
335
+ $('html, body').animate({
336
+ scrollTop: target.offset().top - 110
337
+ }, 100, function () {
338
+ var $target = $(target);
339
+ $target.focus();
340
+ if ($target.is(":focus")) {
341
+ return false;
342
+ } else {
343
+ $target.attr('tabindex', '-1');
344
+ $target.focus();
345
+ };
346
+ });
347
+ }
348
+ }
349
+ });
350
+
351
+
352
+ </script>
353
+ </body>
354
+
355
+ </html>