gnui 1.1.7 → 1.2.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.
- package/@types/gnui.d.ts +195 -154
- package/README.md +9 -3
- package/assets/NotoSansKR-Black.otf +0 -0
- package/assets/NotoSansKR-Black.woff +0 -0
- package/assets/NotoSansKR-Black.woff2 +0 -0
- package/assets/NotoSansKR-Bold.otf +0 -0
- package/assets/NotoSansKR-Bold.woff +0 -0
- package/assets/NotoSansKR-Bold.woff2 +0 -0
- package/assets/NotoSansKR-DemiLight.otf +0 -0
- package/assets/NotoSansKR-DemiLight.woff +0 -0
- package/assets/NotoSansKR-DemiLight.woff2 +0 -0
- package/assets/NotoSansKR-Light.otf +0 -0
- package/assets/NotoSansKR-Light.woff +0 -0
- package/assets/NotoSansKR-Light.woff2 +0 -0
- package/assets/NotoSansKR-Medium.otf +0 -0
- package/assets/NotoSansKR-Medium.woff +0 -0
- package/assets/NotoSansKR-Medium.woff2 +0 -0
- package/assets/NotoSansKR-Regular.otf +0 -0
- package/assets/NotoSansKR-Regular.woff +0 -0
- package/assets/NotoSansKR-Regular.woff2 +0 -0
- package/assets/NotoSansKR-Thin.otf +0 -0
- package/assets/NotoSansKR-Thin.woff +0 -0
- package/assets/NotoSansKR-Thin.woff2 +0 -0
- package/assets/{LICENSE_OFL.txt → OFL.txt} +93 -92
- package/assets/images/flags.png +0 -0
- package/dist/js/gnui.esm.js +19752 -17625
- package/dist/js/gnui.js +19767 -17931
- package/dist/js/gnui.min.js +23 -1
- package/dist/styles/default.css +1 -3
- package/dist/styles/gpi.css +1 -3
- package/dist/styles/green24.css +1 -0
- package/dist/styles/insights.css +1 -3
- package/dist/styles/nac.css +1 -3
- package/dist/styles/ztnac.css +1 -0
- package/package.json +39 -30
- package/styleguide/assets/components.js +1031 -579
- package/styleguide/assets/guide.js +28 -26
- package/styleguide/assets/okadia.css +115 -117
- package/styleguide/assets/theme.css +140 -82
- package/styleguide/category/COLOR/index.html +75 -77
- package/styleguide/category/COMPONENT/Alert(js)/index.html +89 -92
- package/styleguide/category/COMPONENT/Bignumber/index.html +78 -82
- package/styleguide/category/COMPONENT/Breadcrumb/index.html +78 -82
- package/styleguide/category/COMPONENT/Calendar(js)/index.html +89 -92
- package/styleguide/category/COMPONENT/Card/index.html +78 -82
- package/styleguide/category/COMPONENT/Chart(js)/index.html +89 -92
- package/styleguide/category/COMPONENT/Datagrid(js)/index.html +354 -206
- package/styleguide/category/COMPONENT/Datalist(js)/index.html +471 -0
- package/styleguide/category/COMPONENT/Growl(js)/index.html +89 -92
- package/styleguide/category/COMPONENT/JsonView(js)/index.html +544 -246
- package/styleguide/category/{CONTROLS → COMPONENT}/MenuButton(js)/index.html +116 -92
- package/styleguide/category/COMPONENT/Message(js)/index.html +219 -95
- package/styleguide/category/COMPONENT/Modal(js)/index.html +128 -94
- package/styleguide/category/COMPONENT/Pagination/index.html +78 -82
- package/styleguide/category/COMPONENT/Panel/index.html +78 -82
- package/styleguide/category/COMPONENT/Progressbar(js)/index.html +89 -92
- package/styleguide/category/COMPONENT/Tab(js)/index.html +122 -93
- package/styleguide/category/COMPONENT/Tagcloud(js)/index.html +88 -89
- package/styleguide/category/COMPONENT/Tooltip(js)/index.html +175 -92
- package/styleguide/category/COMPONENT/Tree(js)/index.html +95 -92
- package/styleguide/category/CONTROLS/Button(js)/index.html +110 -95
- package/styleguide/category/CONTROLS/Checkbox/index.html +82 -86
- package/styleguide/category/CONTROLS/Colorpicker(js)/index.html +147 -93
- package/styleguide/category/CONTROLS/Datepicker(js)/index.html +124 -92
- package/styleguide/category/CONTROLS/Dropdown(js)/index.html +161 -132
- package/styleguide/category/CONTROLS/File/index.html +78 -82
- package/styleguide/category/CONTROLS/Form/Control/index.html +78 -82
- package/styleguide/category/CONTROLS/Form/Field/index.html +78 -82
- package/styleguide/category/CONTROLS/Form/Plain/index.html +78 -82
- package/styleguide/category/CONTROLS/Input/index.html +80 -84
- package/styleguide/category/CONTROLS/MultiText(js)/index.html +105 -92
- package/styleguide/category/CONTROLS/Picklist(js)/index.html +165 -141
- package/styleguide/category/CONTROLS/Radio/index.html +78 -82
- package/styleguide/category/CONTROLS/Select/index.html +80 -84
- package/styleguide/category/CONTROLS/SelectButton(js)/index.html +147 -92
- package/styleguide/category/CONTROLS/Slider/index.html +78 -82
- package/styleguide/category/CONTROLS/Switch(js)/index.html +105 -93
- package/styleguide/category/CONTROLS/SyntaxInput(js)/index.html +89 -92
- package/styleguide/category/CONTROLS/Textarea/index.html +78 -82
- package/styleguide/category/{COMPONENT → CONTROLS}/Time(js)/index.html +111 -92
- package/styleguide/category/ELEMENTS/Box/index.html +78 -82
- package/styleguide/category/ELEMENTS/Icon/index.html +122 -82
- package/styleguide/category/ELEMENTS/Image/index.html +78 -82
- package/styleguide/category/ELEMENTS/List/index.html +78 -82
- package/styleguide/category/ELEMENTS/Table/index.html +78 -82
- package/styleguide/category/ELEMENTS/Tag/index.html +78 -82
- package/styleguide/category/ELEMENTS/Title/index.html +78 -82
- package/styleguide/category/LAYOUT/Container/index.html +78 -82
- package/styleguide/category/LAYOUT/Grid/index.html +78 -82
- package/styleguide/category/LAYOUT/Splitter(js)/index.html +89 -92
- package/styleguide/category/UTILITY/index.html +80 -82
- package/styleguide/category/Utils/index.html +97 -71
- package/styleguide/color.html +66 -65
- package/styleguide/index.html +66 -65
- package/styleguide/tag/javascript/index.html +1984 -1011
- package/styleguide/tag/v.0.1.0/index.html +2730 -1568
- package/assets/NotoSansCJKkr-Black.otf +0 -0
- package/assets/NotoSansCJKkr-Bold.otf +0 -0
- package/assets/NotoSansCJKkr-DemiLight.otf +0 -0
- package/assets/NotoSansCJKkr-Light.otf +0 -0
- package/assets/NotoSansCJKkr-Medium.otf +0 -0
- package/assets/NotoSansCJKkr-Regular.otf +0 -0
- package/assets/NotoSansCJKkr-Thin.otf +0 -0
- package/assets/NotoSansMonoCJKkr-Bold.otf +0 -0
- package/assets/NotoSansMonoCJKkr-Regular.otf +0 -0
- package/assets/README +0 -11
- package/dist/styles/zt-nac.css +0 -3
|
@@ -1,65 +1,71 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html>
|
|
3
3
|
<head>
|
|
4
|
-
<meta charset="utf-8"
|
|
5
|
-
<meta name="viewport" content="width=device-width"
|
|
6
|
-
<link href="../../../../dist/styles/default.css" rel="stylesheet" id="ThemeFile"
|
|
7
|
-
<link href="../../../assets/okadia.css" rel="stylesheet"
|
|
8
|
-
<link href="../../../assets/theme.css" rel="stylesheet"
|
|
9
|
-
<link
|
|
10
|
-
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width" />
|
|
6
|
+
<link href="../../../../dist/styles/default.css" rel="stylesheet" id="ThemeFile" />
|
|
7
|
+
<link href="../../../assets/okadia.css" rel="stylesheet" />
|
|
8
|
+
<link href="../../../assets/theme.css" rel="stylesheet" />
|
|
9
|
+
<link
|
|
10
|
+
rel="stylesheet"
|
|
11
|
+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
|
|
12
|
+
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
|
|
13
|
+
crossorigin="anonymous"
|
|
14
|
+
/>
|
|
15
|
+
<link href="https://fonts.googleapis.com/css?family=Squada+One&display=swap" rel="stylesheet" />
|
|
11
16
|
<script src="../../../assets/components.js"></script>
|
|
12
17
|
<script src="../../../../dist/js/gnui.js"></script>
|
|
13
18
|
</head>
|
|
14
|
-
<body>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
<body>
|
|
20
|
+
<div class="aigis-container">
|
|
21
|
+
<header class="aigis-header gn-gcolor is-primary">
|
|
22
|
+
<span><a href="../../../index.html" class="main-link" style="font-family: 'Squada One', cursive">GNUI</a></span>
|
|
23
|
+
<span class="has-text-invert" style="font-size: 1em; padding-left: 10px">Start your next web project with GNUI.</span>
|
|
24
|
+
<div class="gn-select is-medium">
|
|
25
|
+
<select id="ThemeSelector">
|
|
26
|
+
|
|
22
27
|
<option value="default">default</option>
|
|
23
|
-
|
|
28
|
+
|
|
24
29
|
<option value="nac">nac</option>
|
|
25
|
-
|
|
30
|
+
|
|
26
31
|
<option value="insights">insights</option>
|
|
27
|
-
|
|
32
|
+
|
|
28
33
|
<option value="gpi">gpi</option>
|
|
29
|
-
|
|
30
|
-
<option value="
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
34
|
+
|
|
35
|
+
<option value="ztnac">ztnac</option>
|
|
36
|
+
|
|
37
|
+
<option value="green24">green24</option>
|
|
38
|
+
|
|
39
|
+
</select>
|
|
40
|
+
</div>
|
|
41
|
+
<div>
|
|
42
|
+
<a class="gn-button is-primary util-link" href="../../../category/Utils/index.html">
|
|
43
|
+
<span class="gn-icon is-small">
|
|
44
|
+
<i class="fas fa-tools"></i>
|
|
45
|
+
</span>
|
|
46
|
+
Gn.util
|
|
47
|
+
</a>
|
|
48
|
+
</div>
|
|
49
|
+
</header>
|
|
50
|
+
<div class="aigis-sidemenu">
|
|
51
|
+
<nav class="gn-tree is-borderless is-large left-menu"></nav>
|
|
46
52
|
</div>
|
|
47
53
|
|
|
48
54
|
<script>
|
|
49
55
|
window.Gn = window.gnui;
|
|
50
56
|
|
|
51
|
-
Gn.ready(function(){
|
|
52
|
-
var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/
|
|
57
|
+
Gn.ready(function () {
|
|
58
|
+
var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Datalist(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/MenuButton(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,CONTROLS/Time(js),ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
|
|
53
59
|
var jsComps = ''.split(',');
|
|
54
60
|
delete leftMenu.Utils;
|
|
55
61
|
Gn.util.append('.left-menu', renderTree(leftMenu));
|
|
56
62
|
Gn.util.scrollIntoView(Gn.util.$('.tree-item.is-active'), 300);
|
|
57
63
|
|
|
58
|
-
function renderTree(menus){
|
|
64
|
+
function renderTree(menus) {
|
|
59
65
|
var $depths = Gn.util.$('<ul></ul>');
|
|
60
|
-
Gn.util.each(menus, function (child, menu){
|
|
61
|
-
if(Gn.util.isString(child)){
|
|
62
|
-
Gn.util.append($depths, renderMenu(menu, '../../../category/'+child+'/index.html', location.href.indexOf(child+'/') > -1));
|
|
66
|
+
Gn.util.each(menus, function (child, menu) {
|
|
67
|
+
if (Gn.util.isString(child)) {
|
|
68
|
+
Gn.util.append($depths, renderMenu(menu, '../../../category/' + child + '/index.html', location.href.indexOf(child + '/') > -1));
|
|
63
69
|
} else {
|
|
64
70
|
var $_depth = renderMenu(menu, '');
|
|
65
71
|
Gn.util.append($_depth, renderTree(child));
|
|
@@ -69,35 +75,35 @@
|
|
|
69
75
|
return $depths;
|
|
70
76
|
}
|
|
71
77
|
|
|
72
|
-
function renderMenu(name, link, isActive){
|
|
78
|
+
function renderMenu(name, link, isActive) {
|
|
73
79
|
var $_menu;
|
|
74
|
-
if (link === ''){
|
|
80
|
+
if (link === '') {
|
|
75
81
|
$_menu = Gn.util.$('<li>' + name + '</li>');
|
|
76
82
|
} else {
|
|
77
|
-
var menuClass = isActive ? ' is-active' :''
|
|
78
|
-
$_menu = Gn.util.$('<li><a href="' + link + '"><div class="tree-item'+menuClass+'">' + name.split('(js)').join('') + '</a></div></li>');
|
|
83
|
+
var menuClass = isActive ? ' is-active' : '';
|
|
84
|
+
$_menu = Gn.util.$('<li><a href="' + link + '"><div class="tree-item' + menuClass + '">' + name.split('(js)').join('') + '</a></div></li>');
|
|
79
85
|
}
|
|
80
|
-
if(name.indexOf('(js)') > 0){
|
|
86
|
+
if (name.indexOf('(js)') > 0) {
|
|
81
87
|
Gn.util.append(Gn.util.find('.tree-item', $_menu), Gn.util.$('<span class="gn-tag is-small is-info-light">JS</span>'));
|
|
82
88
|
}
|
|
83
89
|
return $_menu;
|
|
84
90
|
}
|
|
85
91
|
|
|
86
|
-
function setTree(categorys){
|
|
92
|
+
function setTree(categorys) {
|
|
87
93
|
var menus = {};
|
|
88
94
|
|
|
89
|
-
categorys.forEach(function(category){
|
|
95
|
+
categorys.forEach(function (category) {
|
|
90
96
|
parseTree(menus, category.split('/'), category);
|
|
91
97
|
});
|
|
92
98
|
return menus;
|
|
93
99
|
}
|
|
94
100
|
|
|
95
|
-
function parseTree(parents, child, catgry){
|
|
101
|
+
function parseTree(parents, child, catgry) {
|
|
96
102
|
var _depth = child.shift();
|
|
97
103
|
if (parents[_depth] === undefined) {
|
|
98
|
-
parents[_depth] = {}
|
|
104
|
+
parents[_depth] = {};
|
|
99
105
|
}
|
|
100
|
-
if(child.length === 1){
|
|
106
|
+
if (child.length === 1) {
|
|
101
107
|
parents[_depth][child] = catgry;
|
|
102
108
|
} else if (child.length > 1) {
|
|
103
109
|
parseTree(parents[_depth], child, catgry);
|
|
@@ -108,58 +114,52 @@
|
|
|
108
114
|
});
|
|
109
115
|
</script>
|
|
110
116
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
</div>
|
|
123
|
-
<div class="aigis-tags">
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
<span class="gn-tag">v.0.1.0</span>
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
<a class="js-guide"><span class="gn-tag is-info">javascript</span></a>
|
|
131
|
-
|
|
117
|
+
<div class="aigis-contents">
|
|
118
|
+
<div class="aigis-contents__body">
|
|
119
|
+
|
|
120
|
+
<div>
|
|
121
|
+
|
|
122
|
+
<div class="aigis-module Picklist">
|
|
123
|
+
<h2 class="aigis-module__heading" id="Picklist">Picklist</h2>
|
|
124
|
+
<div class="aigis-module__filepath">/scss/components/picklist.scss</div>
|
|
125
|
+
<div class="aigis-tags">
|
|
126
|
+
|
|
127
|
+
<span class="gn-tag">v.0.1.0</span>
|
|
132
128
|
|
|
133
|
-
</
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
129
|
+
<a class="js-guide"><span class="gn-tag is-info">javascript</span></a>
|
|
130
|
+
|
|
131
|
+
</div>
|
|
132
|
+
<!-- <div id="ComponentTab">
|
|
133
|
+
<ul>
|
|
134
|
+
<li><a href="#styleguide">Style</a></li>
|
|
135
|
+
<li>
|
|
136
|
+
<a href="#scriptguide"
|
|
137
|
+
>Script <span class="gn-icon"><i class="fas fa-code"></i></span
|
|
138
|
+
></a>
|
|
139
|
+
</li>
|
|
140
|
+
</ul>
|
|
141
|
+
</div> -->
|
|
142
|
+
<h3 id="-">기본 사용</h3>
|
|
143
143
|
<div class="aigis-preview">
|
|
144
144
|
<div class="gn-picklist">
|
|
145
145
|
<div class="picklist-source">
|
|
146
146
|
<div class="picklist-controls gn-control is-small has-arrange is-vertical is-center">
|
|
147
|
-
<button type="button" class="gn-button">
|
|
147
|
+
<button type="button" class="gn-button is-outline">
|
|
148
148
|
<span class="gn-icon">
|
|
149
149
|
<i class="fas fa-angle-double-up"></i>
|
|
150
150
|
</span>
|
|
151
151
|
</button>
|
|
152
|
-
<button type="button" class="gn-button">
|
|
152
|
+
<button type="button" class="gn-button is-outline">
|
|
153
153
|
<span class="gn-icon">
|
|
154
154
|
<i class="fas fa-angle-up"></i>
|
|
155
155
|
</span>
|
|
156
156
|
</button>
|
|
157
|
-
<button type="button" class="gn-button">
|
|
157
|
+
<button type="button" class="gn-button is-outline">
|
|
158
158
|
<span class="gn-icon">
|
|
159
159
|
<i class="fas fa-angle-down"></i>
|
|
160
160
|
</span>
|
|
161
161
|
</button>
|
|
162
|
-
<button type="button" class="gn-button">
|
|
162
|
+
<button type="button" class="gn-button is-outline">
|
|
163
163
|
<span class="gn-icon">
|
|
164
164
|
<i class="fas fa-angle-double-down"></i>
|
|
165
165
|
</span>
|
|
@@ -184,22 +184,22 @@
|
|
|
184
184
|
</div>
|
|
185
185
|
</div>
|
|
186
186
|
<div class="picklist-controls gn-control is-small has-arrange is-vertical is-center">
|
|
187
|
-
<button type="button" class="gn-button">
|
|
187
|
+
<button type="button" class="gn-button is-outline">
|
|
188
188
|
<span class="gn-icon">
|
|
189
189
|
<i class="fas fa-angle-double-right"></i>
|
|
190
190
|
</span>
|
|
191
191
|
</button>
|
|
192
|
-
<button type="button" class="gn-button">
|
|
192
|
+
<button type="button" class="gn-button is-outline">
|
|
193
193
|
<span class="gn-icon">
|
|
194
194
|
<i class="fas fa-angle-right"></i>
|
|
195
195
|
</span>
|
|
196
196
|
</button>
|
|
197
|
-
<button type="button" class="gn-button">
|
|
197
|
+
<button type="button" class="gn-button is-outline">
|
|
198
198
|
<span class="gn-icon">
|
|
199
199
|
<i class="fas fa-angle-left"></i>
|
|
200
200
|
</span>
|
|
201
201
|
</button>
|
|
202
|
-
<button type="button" class="gn-button">
|
|
202
|
+
<button type="button" class="gn-button is-outline">
|
|
203
203
|
<span class="gn-icon">
|
|
204
204
|
<i class="fas fa-angle-double-left"></i>
|
|
205
205
|
</span>
|
|
@@ -207,22 +207,22 @@
|
|
|
207
207
|
</div>
|
|
208
208
|
<div class="picklist-target">
|
|
209
209
|
<div class="picklist-controls gn-control is-small has-arrange is-vertical is-center">
|
|
210
|
-
<button type="button" class="gn-button">
|
|
210
|
+
<button type="button" class="gn-button is-outline">
|
|
211
211
|
<span class="gn-icon">
|
|
212
212
|
<i class="fas fa-angle-double-up"></i>
|
|
213
213
|
</span>
|
|
214
214
|
</button>
|
|
215
|
-
<button type="button" class="gn-button">
|
|
215
|
+
<button type="button" class="gn-button is-outline">
|
|
216
216
|
<span class="gn-icon">
|
|
217
217
|
<i class="fas fa-angle-up"></i>
|
|
218
218
|
</span>
|
|
219
219
|
</button>
|
|
220
|
-
<button type="button" class="gn-button">
|
|
220
|
+
<button type="button" class="gn-button is-outline">
|
|
221
221
|
<span class="gn-icon">
|
|
222
222
|
<i class="fas fa-angle-down"></i>
|
|
223
223
|
</span>
|
|
224
224
|
</button>
|
|
225
|
-
<button type="button" class="gn-button">
|
|
225
|
+
<button type="button" class="gn-button is-outline">
|
|
226
226
|
<span class="gn-icon">
|
|
227
227
|
<i class="fas fa-angle-double-down"></i>
|
|
228
228
|
</span>
|
|
@@ -240,22 +240,22 @@
|
|
|
240
240
|
<pre><code class="language-html"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-picklist<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
241
241
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>picklist-source<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
242
242
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>picklist-controls gn-control is-small has-arrange is-vertical is-center<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
243
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
243
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
244
244
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
245
245
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-up<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
246
246
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
247
247
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
248
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
248
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
249
249
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
250
250
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-up<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
251
251
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
252
252
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
253
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
253
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
254
254
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
255
255
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
256
256
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
257
257
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
258
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
258
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
259
259
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
260
260
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
261
261
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
@@ -280,22 +280,22 @@
|
|
|
280
280
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
281
281
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
282
282
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>picklist-controls gn-control is-small has-arrange is-vertical is-center<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
283
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
283
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
284
284
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
285
285
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-right<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
286
286
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
287
287
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
288
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
288
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
289
289
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
290
290
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-right<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
291
291
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
292
292
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
293
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
293
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
294
294
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
295
295
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-left<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
296
296
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
297
297
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
298
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
298
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
299
299
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
300
300
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-left<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
301
301
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
@@ -303,22 +303,22 @@
|
|
|
303
303
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
304
304
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>picklist-target<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
305
305
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>picklist-controls gn-control is-small has-arrange is-vertical is-center<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
306
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
306
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
307
307
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
308
308
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-up<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
309
309
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
310
310
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
311
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
311
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
312
312
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
313
313
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-up<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
314
314
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
315
315
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
316
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
316
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
317
317
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
318
318
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
319
319
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
320
320
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
321
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
321
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
322
322
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
323
323
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
324
324
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
@@ -338,22 +338,22 @@
|
|
|
338
338
|
<div class="gn-picklist is-vertical" style="height: 400px; width: 550px">
|
|
339
339
|
<div class="picklist-source">
|
|
340
340
|
<div class="picklist-controls gn-control is-small has-arrange is-vertical is-center">
|
|
341
|
-
<button type="button" class="gn-button">
|
|
341
|
+
<button type="button" class="gn-button is-outline">
|
|
342
342
|
<span class="gn-icon">
|
|
343
343
|
<i class="fas fa-angle-double-up"></i>
|
|
344
344
|
</span>
|
|
345
345
|
</button>
|
|
346
|
-
<button type="button" class="gn-button">
|
|
346
|
+
<button type="button" class="gn-button is-outline">
|
|
347
347
|
<span class="gn-icon">
|
|
348
348
|
<i class="fas fa-angle-up"></i>
|
|
349
349
|
</span>
|
|
350
350
|
</button>
|
|
351
|
-
<button type="button" class="gn-button">
|
|
351
|
+
<button type="button" class="gn-button is-outline">
|
|
352
352
|
<span class="gn-icon">
|
|
353
353
|
<i class="fas fa-angle-down"></i>
|
|
354
354
|
</span>
|
|
355
355
|
</button>
|
|
356
|
-
<button type="button" class="gn-button">
|
|
356
|
+
<button type="button" class="gn-button is-outline">
|
|
357
357
|
<span class="gn-icon">
|
|
358
358
|
<i class="fas fa-angle-double-down"></i>
|
|
359
359
|
</span>
|
|
@@ -374,22 +374,22 @@
|
|
|
374
374
|
</div>
|
|
375
375
|
</div>
|
|
376
376
|
<div class="picklist-controls gn-control is-small has-arrange is-center">
|
|
377
|
-
<button type="button" class="gn-button">
|
|
377
|
+
<button type="button" class="gn-button is-outline">
|
|
378
378
|
<span class="gn-icon">
|
|
379
379
|
<i class="fas fa-angle-double-down"></i>
|
|
380
380
|
</span>
|
|
381
381
|
</button>
|
|
382
|
-
<button type="button" class="gn-button">
|
|
382
|
+
<button type="button" class="gn-button is-outline">
|
|
383
383
|
<span class="gn-icon">
|
|
384
384
|
<i class="fas fa-angle-down"></i>
|
|
385
385
|
</span>
|
|
386
386
|
</button>
|
|
387
|
-
<button type="button" class="gn-button">
|
|
387
|
+
<button type="button" class="gn-button is-outline">
|
|
388
388
|
<span class="gn-icon">
|
|
389
389
|
<i class="fas fa-angle-up"></i>
|
|
390
390
|
</span>
|
|
391
391
|
</button>
|
|
392
|
-
<button type="button" class="gn-button">
|
|
392
|
+
<button type="button" class="gn-button is-outline">
|
|
393
393
|
<span class="gn-icon">
|
|
394
394
|
<i class="fas fa-angle-double-up"></i>
|
|
395
395
|
</span>
|
|
@@ -397,22 +397,22 @@
|
|
|
397
397
|
</div>
|
|
398
398
|
<div class="picklist-target">
|
|
399
399
|
<div class="picklist-controls gn-control is-small has-arrange is-vertical is-center">
|
|
400
|
-
<button type="button" class="gn-button">
|
|
400
|
+
<button type="button" class="gn-button is-outline">
|
|
401
401
|
<span class="gn-icon">
|
|
402
402
|
<i class="fas fa-angle-double-up"></i>
|
|
403
403
|
</span>
|
|
404
404
|
</button>
|
|
405
|
-
<button type="button" class="gn-button">
|
|
405
|
+
<button type="button" class="gn-button is-outline">
|
|
406
406
|
<span class="gn-icon">
|
|
407
407
|
<i class="fas fa-angle-up"></i>
|
|
408
408
|
</span>
|
|
409
409
|
</button>
|
|
410
|
-
<button type="button" class="gn-button">
|
|
410
|
+
<button type="button" class="gn-button is-outline">
|
|
411
411
|
<span class="gn-icon">
|
|
412
412
|
<i class="fas fa-angle-down"></i>
|
|
413
413
|
</span>
|
|
414
414
|
</button>
|
|
415
|
-
<button type="button" class="gn-button">
|
|
415
|
+
<button type="button" class="gn-button is-outline">
|
|
416
416
|
<span class="gn-icon">
|
|
417
417
|
<i class="fas fa-angle-double-down"></i>
|
|
418
418
|
</span>
|
|
@@ -430,22 +430,22 @@
|
|
|
430
430
|
<pre><code class="language-html"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-picklist is-vertical<span class="token punctuation" >"</span></span><span class="token style-attr language-css" ><span class="token attr-name" > <span class="token attr-name" >style</span></span><span class="token punctuation" >="</span><span class="token attr-value" ><span class="token property" >height</span><span class="token punctuation" >:</span> <span class="token number" >400</span>px<span class="token punctuation" >;</span> <span class="token property" >width</span><span class="token punctuation" >:</span> <span class="token number" >550</span>px</span><span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
431
431
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>picklist-source<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
432
432
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>picklist-controls gn-control is-small has-arrange is-vertical is-center<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
433
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
433
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
434
434
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
435
435
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-up<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
436
436
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
437
437
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
438
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
438
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
439
439
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
440
440
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-up<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
441
441
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
442
442
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
443
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
443
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
444
444
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
445
445
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
446
446
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
447
447
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
448
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
448
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
449
449
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
450
450
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
451
451
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
@@ -466,22 +466,22 @@
|
|
|
466
466
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
467
467
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
468
468
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>picklist-controls gn-control is-small has-arrange is-center<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
469
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
469
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
470
470
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
471
471
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
472
472
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
473
473
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
474
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
474
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
475
475
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
476
476
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
477
477
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
478
478
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
479
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
479
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
480
480
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
481
481
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-up<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
482
482
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
483
483
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
484
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
484
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
485
485
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
486
486
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-up<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
487
487
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
@@ -489,22 +489,22 @@
|
|
|
489
489
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
490
490
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>picklist-target<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
491
491
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>picklist-controls gn-control is-small has-arrange is-vertical is-center<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
492
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
492
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
493
493
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
494
494
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-up<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
495
495
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
496
496
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
497
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
497
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
498
498
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
499
499
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-up<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
500
500
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
501
501
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
502
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
502
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
503
503
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
504
504
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
505
505
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
506
506
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>button</span><span class="token punctuation" >></span></span>
|
|
507
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
507
|
+
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>button</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>button<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-button is-outline<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
508
508
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
509
509
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-double-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
510
510
|
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
@@ -591,7 +591,7 @@
|
|
|
591
591
|
<td>target 항목 배열</td>
|
|
592
592
|
</tr>
|
|
593
593
|
<tr>
|
|
594
|
-
<td rowspan="
|
|
594
|
+
<td rowspan="3">textSets</td>
|
|
595
595
|
<td>sourceCaption</td>
|
|
596
596
|
<td>string</td>
|
|
597
597
|
<td></td>
|
|
@@ -603,6 +603,12 @@
|
|
|
603
603
|
<td></td>
|
|
604
604
|
<td>target 항목 캡션</td>
|
|
605
605
|
</tr>
|
|
606
|
+
<tr>
|
|
607
|
+
<td>searchText</td>
|
|
608
|
+
<td>string</td>
|
|
609
|
+
<td>'search item'</td>
|
|
610
|
+
<td></td>
|
|
611
|
+
</tr>
|
|
606
612
|
<tr>
|
|
607
613
|
<td colspan="2">orderable</td>
|
|
608
614
|
<td>string, boolean</td>
|
|
@@ -633,6 +639,12 @@
|
|
|
633
639
|
<td>false</td>
|
|
634
640
|
<td>target 항목 검색기능 활성화 여부</td>
|
|
635
641
|
</tr>
|
|
642
|
+
<tr>
|
|
643
|
+
<td colspan="2">disabled</td>
|
|
644
|
+
<td>boolean</td>
|
|
645
|
+
<td>false</td>
|
|
646
|
+
<td>Disable 여부</td>
|
|
647
|
+
</tr>
|
|
636
648
|
<tr>
|
|
637
649
|
<td colspan="2">onChange</td>
|
|
638
650
|
<td>function(source, target)</td>
|
|
@@ -679,21 +691,33 @@
|
|
|
679
691
|
<td>array</td>
|
|
680
692
|
<td>target 항목의 배열을 반환한다.</td>
|
|
681
693
|
</tr>
|
|
694
|
+
<tr>
|
|
695
|
+
<td>getValue()</td>
|
|
696
|
+
<td>string</td>
|
|
697
|
+
<td>target 항목의 value를 콤마(,)로 구분하여 반환한다.</td>
|
|
698
|
+
</tr>
|
|
699
|
+
<tr>
|
|
700
|
+
<td>disable()</td>
|
|
701
|
+
<td>void</td>
|
|
702
|
+
<td>Disabled 처리한다.</td>
|
|
703
|
+
</tr>
|
|
704
|
+
<tr>
|
|
705
|
+
<td>enable()</td>
|
|
706
|
+
<td>void</td>
|
|
707
|
+
<td>Enabled 처리한다.</td>
|
|
708
|
+
</tr>
|
|
682
709
|
</tbody>
|
|
683
710
|
</table>
|
|
684
711
|
|
|
685
|
-
</div>
|
|
686
712
|
</div>
|
|
687
713
|
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
714
|
+
</div>
|
|
715
|
+
|
|
716
|
+
|
|
717
|
+
<footer class="aigis-footer">Last update at 2024/04/15 13:52</footer>
|
|
718
|
+
</div>
|
|
691
719
|
</div>
|
|
692
720
|
</div>
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
</body>
|
|
721
|
+
<script src="../../../assets/guide.js"></script>
|
|
722
|
+
</body>
|
|
696
723
|
</html>
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|