@@ -84,123 +84,123 @@ Adding date directive to graphql query for formatting the result using [Moment](
84
84
85
85
- Using default date format:
86
86
``` javascript
87
- query {
88
- input (value: " 2016-01-01T00:00:00" ) @date
89
- }
87
+ query {
88
+ input (value: " 2016-01-01T00:00:00" ) @date
89
+ }
90
90
// => { input: "01 Jan 2016 00:00" }
91
91
```
92
92
- Using specific moment format:
93
93
``` javascript
94
- query {
95
- input (value: " 2016-01-01T00:00:00" ) @date (as: " YYYY" )
94
+ query {
95
+ input (value: " 2016-01-01T00:00:00" ) @date (as: " YYYY" )
96
96
}
97
97
// => { input: "2016" }
98
98
```
99
99
- Using days ago format
100
100
``` javascript
101
- query {
102
- input (value: " ${(new Date).toISOString()}" ) @date (as: " days ago" )
101
+ query {
102
+ input (value: " ${(new Date).toISOString()}" ) @date (as: " days ago" )
103
103
}
104
- // => { input: "0 days ago" }
104
+ // => { input: "0 days ago" }
105
105
```
106
106
107
107
### Number formatting directives
108
108
109
- Adding number directive to graphql query for formatting the result using [ Numeral-js] ( https://github.com/adamwdraper/Numeral-js ) .
109
+ Adding number directive to graphql query for formatting the result using [ Numeral-js] ( https://github.com/adamwdraper/Numeral-js ) .
110
110
111
111
- Using default format:
112
112
``` javascript
113
- query {
114
- input (value: " 1500.404" ) @number
113
+ query {
114
+ input (value: " 1500.404" ) @number
115
115
}
116
116
// => { input: "1,500" }
117
- ```
117
+ ```
118
118
- Using specific numeral format:
119
119
``` javascript
120
- query {
121
- input (value: " -1500.404" ) @number (as: " (0,0.00)" )
120
+ query {
121
+ input (value: " -1500.404" ) @number (as: " (0,0.00)" )
122
122
}
123
123
// => { input: "(1,500.40)" }
124
124
```
125
125
- Using default currency format:
126
126
``` javascript
127
- query {
128
- input (value: " 1500" ) @currency
127
+ query {
128
+ input (value: " 1500" ) @currency
129
129
}
130
- // => { input: "$1,500)" }
130
+ // => { input: "$1,500)" }
131
131
```
132
132
133
133
### String formatting directives
134
134
135
- Adding string directive to graphql query for formatting the result using [ Lodash] ( https://github.com/lodash/lodash ) .
135
+ Adding string directive to graphql query for formatting the result using [ Lodash] ( https://github.com/lodash/lodash ) .
136
136
137
- - Using lowerCase directive:
137
+ - Using lowerCase directive:
138
138
139
139
``` javascript
140
- query {
141
- input (value: " FOO BAR" ) @lowerCase
140
+ query {
141
+ input (value: " FOO BAR" ) @lowerCase
142
142
}
143
143
// => { input: "foo bar" }
144
144
```
145
145
146
146
- Using upperCase directive:
147
147
148
148
``` javascript
149
- query {
150
- input (value: " foo bar" ) @upperCase
149
+ query {
150
+ input (value: " foo bar" ) @upperCase
151
151
}
152
152
// => { input: "FOO BAR" }
153
153
```
154
154
155
155
- Using camelCase directive:
156
156
157
157
``` javascript
158
- query {
159
- input (value: " foo bar" ) @camelCase
158
+ query {
159
+ input (value: " foo bar" ) @camelCase
160
160
}
161
161
// => { input: "fooBar" }
162
162
```
163
163
164
- - Using startCase directive:
164
+ - Using startCase directive:
165
165
166
166
``` javascript
167
- query {
168
- input (value: " foo bar" ) @startCase
167
+ query {
168
+ input (value: " foo bar" ) @startCase
169
169
}
170
170
// => { input: "Foo Bar" }
171
171
```
172
172
173
173
- Using capitalize directive:
174
174
175
175
``` javascript
176
- query {
177
- input (value: " foo bar" ) @capitalize
176
+ query {
177
+ input (value: " foo bar" ) @capitalize
178
178
}
179
179
// => { input: "Foo var" }
180
180
```
181
181
182
- - Using kebabCase directive:
182
+ - Using kebabCase directive:
183
183
184
184
``` javascript
185
- query {
186
- input (value: " foo bar" ) @kebabCase
185
+ query {
186
+ input (value: " foo bar" ) @kebabCase
187
187
}
188
188
// => { input: "foo-bar" }
189
189
```
190
190
191
191
- Using trim directive:
192
192
193
193
``` javascript
194
- query {
195
- input (value: " foo bar " ) @trim
194
+ query {
195
+ input (value: " foo bar " ) @trim
196
196
}
197
197
// => { input: "foo bar" }
198
198
```
199
199
200
200
- Using default directive:
201
201
202
202
``` javascript
203
- query {
203
+ query {
204
204
input @default (to: " N/A" )
205
205
}
206
206
// => { input: "N/A" }
@@ -209,25 +209,25 @@ Adding string directive to graphql query for formatting the result using [Lodash
209
209
- Using toLower directive:
210
210
211
211
``` javascript
212
- query {
213
- input (value: " FOO BAR" ) @toLower
212
+ query {
213
+ input (value: " FOO BAR" ) @toLower
214
214
}
215
215
// => { input: "foo bar" }
216
216
```
217
217
218
218
- Using toUpper directive:
219
219
220
220
``` javascript
221
- query {
222
- input (value: " foo bar" ) @toUpper
221
+ query {
222
+ input (value: " foo bar" ) @toUpper
223
223
}
224
224
// => { input: "FOO BAR" }
225
225
```
226
226
227
227
- Using template directive:
228
228
229
229
``` javascript
230
- query {
230
+ query {
231
231
input (value: " foo bar" ) @template (as: " ${input} ${toUpper(input)}" )
232
232
}
233
233
// => { input: "foo bar FOO BAR" }
@@ -236,7 +236,7 @@ Adding string directive to graphql query for formatting the result using [Lodash
236
236
- Using template together with trim and toUpper directives:
237
237
238
238
``` javascript
239
- query {
239
+ query {
240
240
input (value: " foo bar " ) @trim @template (as: " ${input} ${input}" ) @toUpper
241
241
}
242
242
// => { input: "FOO BAR FOO BAR" }
0 commit comments