delectusnon 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (276) hide show
  1. package/.prettierignore +2 -0
  2. package/.travis.yml +33 -0
  3. package/.vscode/launch.json +24 -0
  4. package/.vscode/settings.json +3 -0
  5. package/demos/ago-node-cli/README.md +29 -0
  6. package/demos/ago-node-cli/ago.js +32 -0
  7. package/demos/ago-node-cli/index.js +11 -0
  8. package/demos/ago-node-cli/lib/item-export-command.js +48 -0
  9. package/demos/ago-node-cli/lib/item-search-command.js +35 -0
  10. package/demos/ago-node-cli/package-lock.json +172 -0
  11. package/demos/ago-node-cli/package.json +30 -0
  12. package/demos/attachments/README.md +5 -0
  13. package/demos/attachments/index.html +164 -0
  14. package/demos/attachments/package-lock.json +182 -0
  15. package/demos/attachments/package.json +18 -0
  16. package/demos/batch-geocoder-node/NYC_Restaurant_Inspection_Results.csv +100 -0
  17. package/demos/batch-geocoder-node/README.md +15 -0
  18. package/demos/batch-geocoder-node/batch-geocode.js +118 -0
  19. package/demos/batch-geocoder-node/config-template.js +18 -0
  20. package/demos/batch-geocoder-node/package-lock.json +116 -0
  21. package/demos/batch-geocoder-node/package.json +39 -0
  22. package/demos/express/README.md +10 -0
  23. package/demos/express/config.json.template +3 -0
  24. package/demos/express/package-lock.json +473 -0
  25. package/demos/express/package.json +18 -0
  26. package/demos/express/server.js +28 -0
  27. package/demos/feature-service-browser/README.md +6 -0
  28. package/demos/feature-service-browser/index.html +122 -0
  29. package/demos/feature-service-browser/package-lock.json +182 -0
  30. package/demos/feature-service-browser/package.json +18 -0
  31. package/demos/geocoder-browser/README.md +10 -0
  32. package/demos/geocoder-browser/config.js.template +1 -0
  33. package/demos/geocoder-browser/index.html +131 -0
  34. package/demos/geocoder-browser/package-lock.json +182 -0
  35. package/demos/geocoder-browser/package.json +19 -0
  36. package/demos/geocoder-browser/post-sign-in.html +25 -0
  37. package/demos/jsapi-integration/README.md +8 -0
  38. package/demos/jsapi-integration/config.js +6 -0
  39. package/demos/jsapi-integration/index.html +79 -0
  40. package/demos/jsapi-integration/package-lock.json +184 -0
  41. package/demos/jsapi-integration/package.json +19 -0
  42. package/demos/oauth2-browser/README.md +12 -0
  43. package/demos/oauth2-browser/authenticate.html +32 -0
  44. package/demos/oauth2-browser/config.js.template +6 -0
  45. package/demos/oauth2-browser/index.html +202 -0
  46. package/demos/oauth2-browser/logo.svg +4 -0
  47. package/demos/oauth2-browser/package-lock.json +163 -0
  48. package/demos/oauth2-browser/package.json +18 -0
  49. package/demos/oauth2-browser/style.css +36 -0
  50. package/demos/oauth2-browser-retry/README.md +25 -0
  51. package/demos/oauth2-browser-retry/authenticate.html +21 -0
  52. package/demos/oauth2-browser-retry/index.html +116 -0
  53. package/demos/oauth2-browser-retry/logo.svg +4 -0
  54. package/demos/vue/.env.example +11 -0
  55. package/demos/vue/.eslintrc.js +17 -0
  56. package/demos/vue/.postcssrc.js +5 -0
  57. package/demos/vue/README.md +17 -0
  58. package/demos/vue/babel.config.js +3 -0
  59. package/demos/vue/package-lock.json +11323 -0
  60. package/demos/vue/package.json +33 -0
  61. package/demos/vue/public/favicon.ico +0 -0
  62. package/demos/vue/public/index.html +24 -0
  63. package/demos/vue/src/assets/logo.svg +29 -0
  64. package/demos/vue/src/components/App.vue +308 -0
  65. package/demos/vue/src/components/Authenticate.vue +65 -0
  66. package/demos/vue/src/components/Loader.vue +230 -0
  67. package/demos/vue/src/main.js +92 -0
  68. package/docs/FAQ.md +28 -0
  69. package/docs/HISTORY.md +62 -0
  70. package/docs/acetate.config.js +223 -0
  71. package/docs/build-typedoc.js +301 -0
  72. package/docs/src/_layout.html +82 -0
  73. package/docs/src/api/_declaration.html +496 -0
  74. package/docs/src/api/_layout.html +127 -0
  75. package/docs/src/api/_package.html +13 -0
  76. package/docs/src/api/index.html +23 -0
  77. package/docs/src/guides/_layout.html +24 -0
  78. package/docs/src/guides/amd-requirejs-dojo.md +40 -0
  79. package/docs/src/guides/babel-and-rollup.md +30 -0
  80. package/docs/src/guides/babel-and-webpack.md +30 -0
  81. package/docs/src/guides/browser-authentication.md +31 -0
  82. package/docs/src/guides/browserify.md +9 -0
  83. package/docs/src/guides/cli-authentication.md +9 -0
  84. package/docs/src/guides/client-server-authentication.md +9 -0
  85. package/docs/src/guides/from-a-cdn.md +36 -0
  86. package/docs/src/guides/index.md +52 -0
  87. package/docs/src/guides/node.md +70 -0
  88. package/docs/src/guides/package-overview.md +8 -0
  89. package/docs/src/guides/server-authentication.md +9 -0
  90. package/docs/src/guides/typescript-and-webpack.md +9 -0
  91. package/docs/src/img/icons.png +0 -0
  92. package/docs/src/img/icons@2x.png +0 -0
  93. package/docs/src/index.html +12 -0
  94. package/docs/src/js/api-search.js +112 -0
  95. package/docs/src/js/nav-toggle.js +41 -0
  96. package/docs/src/sass/_highlight.scss +96 -0
  97. package/docs/src/sass/_icons.scss +157 -0
  98. package/docs/src/sass/style.scss +169 -0
  99. package/jasmine.json +7 -0
  100. package/karma.conf.js +100 -0
  101. package/lerna.json +8 -0
  102. package/notes/README.md +88 -0
  103. package/package.json +88 -0
  104. package/packages/arcgis-rest-auth/README.md +64 -0
  105. package/packages/arcgis-rest-auth/package-lock.json +11 -0
  106. package/packages/arcgis-rest-auth/package.json +51 -0
  107. package/packages/arcgis-rest-auth/src/ApplicationSession.ts +109 -0
  108. package/packages/arcgis-rest-auth/src/UserSession.ts +873 -0
  109. package/packages/arcgis-rest-auth/src/authenticated-request-options.ts +24 -0
  110. package/packages/arcgis-rest-auth/src/fetch-token.ts +52 -0
  111. package/packages/arcgis-rest-auth/src/generate-token.ts +39 -0
  112. package/packages/arcgis-rest-auth/src/index.ts +8 -0
  113. package/packages/arcgis-rest-auth/test/ApplicationSession.test.ts +124 -0
  114. package/packages/arcgis-rest-auth/test/UserSession.test.ts +995 -0
  115. package/packages/arcgis-rest-auth/test/fetchToken.test.ts +112 -0
  116. package/packages/arcgis-rest-auth/test/generateToken.test.ts +130 -0
  117. package/packages/arcgis-rest-auth/test/utils.ts +14 -0
  118. package/packages/arcgis-rest-auth/tsconfig.json +6 -0
  119. package/packages/arcgis-rest-common-types/README.md +61 -0
  120. package/packages/arcgis-rest-common-types/package.json +38 -0
  121. package/packages/arcgis-rest-common-types/src/group.ts +54 -0
  122. package/packages/arcgis-rest-common-types/src/index.ts +467 -0
  123. package/packages/arcgis-rest-common-types/src/item.ts +45 -0
  124. package/packages/arcgis-rest-common-types/src/webmap.ts +1232 -0
  125. package/packages/arcgis-rest-common-types/tsconfig.json +11 -0
  126. package/packages/arcgis-rest-feature-service/README.md +70 -0
  127. package/packages/arcgis-rest-feature-service/package-lock.json +11 -0
  128. package/packages/arcgis-rest-feature-service/package.json +50 -0
  129. package/packages/arcgis-rest-feature-service/src/add.ts +81 -0
  130. package/packages/arcgis-rest-feature-service/src/addAttachment.ts +65 -0
  131. package/packages/arcgis-rest-feature-service/src/delete.ts +85 -0
  132. package/packages/arcgis-rest-feature-service/src/deleteAttachments.ts +68 -0
  133. package/packages/arcgis-rest-feature-service/src/getAttachments.ts +64 -0
  134. package/packages/arcgis-rest-feature-service/src/helpers.ts +80 -0
  135. package/packages/arcgis-rest-feature-service/src/index.ts +12 -0
  136. package/packages/arcgis-rest-feature-service/src/query.ts +172 -0
  137. package/packages/arcgis-rest-feature-service/src/queryRelated.ts +91 -0
  138. package/packages/arcgis-rest-feature-service/src/update.ts +81 -0
  139. package/packages/arcgis-rest-feature-service/src/updateAttachment.ts +74 -0
  140. package/packages/arcgis-rest-feature-service/test/attachments.test.ts +203 -0
  141. package/packages/arcgis-rest-feature-service/test/features.test.ts +252 -0
  142. package/packages/arcgis-rest-feature-service/test/mocks/feature.ts +279 -0
  143. package/packages/arcgis-rest-feature-service/test/mocks/foo.txt +1 -0
  144. package/packages/arcgis-rest-feature-service/tsconfig.json +6 -0
  145. package/packages/arcgis-rest-feature-service-admin/README.md +66 -0
  146. package/packages/arcgis-rest-feature-service-admin/package-lock.json +11 -0
  147. package/packages/arcgis-rest-feature-service-admin/package.json +53 -0
  148. package/packages/arcgis-rest-feature-service-admin/src/addTo.ts +70 -0
  149. package/packages/arcgis-rest-feature-service-admin/src/create.ts +195 -0
  150. package/packages/arcgis-rest-feature-service-admin/src/index.ts +2 -0
  151. package/packages/arcgis-rest-feature-service-admin/test/addTo.test.ts +310 -0
  152. package/packages/arcgis-rest-feature-service-admin/test/create.test.ts +412 -0
  153. package/packages/arcgis-rest-feature-service-admin/test/mocks/move.ts +14 -0
  154. package/packages/arcgis-rest-feature-service-admin/test/mocks/service.ts +72 -0
  155. package/packages/arcgis-rest-feature-service-admin/tsconfig.json +6 -0
  156. package/packages/arcgis-rest-geocoder/README.md +79 -0
  157. package/packages/arcgis-rest-geocoder/package-lock.json +11 -0
  158. package/packages/arcgis-rest-geocoder/package.json +52 -0
  159. package/packages/arcgis-rest-geocoder/src/bulk.ts +102 -0
  160. package/packages/arcgis-rest-geocoder/src/geocode.ts +117 -0
  161. package/packages/arcgis-rest-geocoder/src/helpers.ts +79 -0
  162. package/packages/arcgis-rest-geocoder/src/index.ts +8 -0
  163. package/packages/arcgis-rest-geocoder/src/reverse.ts +84 -0
  164. package/packages/arcgis-rest-geocoder/src/suggest.ts +72 -0
  165. package/packages/arcgis-rest-geocoder/test/bulk.test.ts +113 -0
  166. package/packages/arcgis-rest-geocoder/test/geocode.test.ts +121 -0
  167. package/packages/arcgis-rest-geocoder/test/helpers.test.ts +113 -0
  168. package/packages/arcgis-rest-geocoder/test/mocks/responses.ts +591 -0
  169. package/packages/arcgis-rest-geocoder/test/reverse.test.ts +126 -0
  170. package/packages/arcgis-rest-geocoder/test/suggest.test.ts +77 -0
  171. package/packages/arcgis-rest-geocoder/tsconfig.json +6 -0
  172. package/packages/arcgis-rest-groups/README.md +64 -0
  173. package/packages/arcgis-rest-groups/package-lock.json +11 -0
  174. package/packages/arcgis-rest-groups/package.json +52 -0
  175. package/packages/arcgis-rest-groups/src/create.ts +34 -0
  176. package/packages/arcgis-rest-groups/src/get.ts +95 -0
  177. package/packages/arcgis-rest-groups/src/helpers.ts +26 -0
  178. package/packages/arcgis-rest-groups/src/index.ts +11 -0
  179. package/packages/arcgis-rest-groups/src/notification.ts +77 -0
  180. package/packages/arcgis-rest-groups/src/protect.ts +40 -0
  181. package/packages/arcgis-rest-groups/src/remove.ts +23 -0
  182. package/packages/arcgis-rest-groups/src/search.ts +64 -0
  183. package/packages/arcgis-rest-groups/src/update.ts +36 -0
  184. package/packages/arcgis-rest-groups/test/crud.test.ts +104 -0
  185. package/packages/arcgis-rest-groups/test/get.test.ts +101 -0
  186. package/packages/arcgis-rest-groups/test/mocks/responses.ts +141 -0
  187. package/packages/arcgis-rest-groups/test/notification.test.ts +102 -0
  188. package/packages/arcgis-rest-groups/test/protect.test.ts +64 -0
  189. package/packages/arcgis-rest-groups/test/search.test.ts +85 -0
  190. package/packages/arcgis-rest-groups/tsconfig.json +6 -0
  191. package/packages/arcgis-rest-items/README.md +66 -0
  192. package/packages/arcgis-rest-items/package-lock.json +11 -0
  193. package/packages/arcgis-rest-items/package.json +52 -0
  194. package/packages/arcgis-rest-items/src/add.ts +103 -0
  195. package/packages/arcgis-rest-items/src/create.ts +110 -0
  196. package/packages/arcgis-rest-items/src/get.ts +79 -0
  197. package/packages/arcgis-rest-items/src/helpers.ts +147 -0
  198. package/packages/arcgis-rest-items/src/index.ts +11 -0
  199. package/packages/arcgis-rest-items/src/protect.ts +38 -0
  200. package/packages/arcgis-rest-items/src/remove.ts +58 -0
  201. package/packages/arcgis-rest-items/src/search.ts +78 -0
  202. package/packages/arcgis-rest-items/src/update.ts +134 -0
  203. package/packages/arcgis-rest-items/test/add.test.ts +256 -0
  204. package/packages/arcgis-rest-items/test/create.test.ts +371 -0
  205. package/packages/arcgis-rest-items/test/get.test.ts +181 -0
  206. package/packages/arcgis-rest-items/test/mocks/foo.zip +0 -0
  207. package/packages/arcgis-rest-items/test/mocks/item.ts +33 -0
  208. package/packages/arcgis-rest-items/test/mocks/resources.ts +31 -0
  209. package/packages/arcgis-rest-items/test/mocks/search.ts +63 -0
  210. package/packages/arcgis-rest-items/test/protect.test.ts +122 -0
  211. package/packages/arcgis-rest-items/test/remove.test.ts +161 -0
  212. package/packages/arcgis-rest-items/test/search.test.ts +159 -0
  213. package/packages/arcgis-rest-items/test/update.test.ts +450 -0
  214. package/packages/arcgis-rest-items/tsconfig.json +6 -0
  215. package/packages/arcgis-rest-request/README.md +65 -0
  216. package/packages/arcgis-rest-request/package-lock.json +11 -0
  217. package/packages/arcgis-rest-request/package.json +42 -0
  218. package/packages/arcgis-rest-request/src/index.ts +13 -0
  219. package/packages/arcgis-rest-request/src/request.ts +293 -0
  220. package/packages/arcgis-rest-request/src/utils/ArcGISAuthError.ts +67 -0
  221. package/packages/arcgis-rest-request/src/utils/ArcGISRequestError.ts +76 -0
  222. package/packages/arcgis-rest-request/src/utils/ErrorTypes.ts +29 -0
  223. package/packages/arcgis-rest-request/src/utils/check-for-errors.ts +65 -0
  224. package/packages/arcgis-rest-request/src/utils/encode-form-data.ts +34 -0
  225. package/packages/arcgis-rest-request/src/utils/encode-query-string.ts +23 -0
  226. package/packages/arcgis-rest-request/src/utils/get-portal-url.ts +25 -0
  227. package/packages/arcgis-rest-request/src/utils/get-portal.ts +45 -0
  228. package/packages/arcgis-rest-request/src/utils/process-params.ts +99 -0
  229. package/packages/arcgis-rest-request/test/mocks/errors.ts +68 -0
  230. package/packages/arcgis-rest-request/test/mocks/geojson-feature-collection.ts +13 -0
  231. package/packages/arcgis-rest-request/test/mocks/portal.ts +112 -0
  232. package/packages/arcgis-rest-request/test/mocks/sharing-rest-info.ts +41 -0
  233. package/packages/arcgis-rest-request/test/mocks/webmap.ts +41 -0
  234. package/packages/arcgis-rest-request/test/request.test.ts +299 -0
  235. package/packages/arcgis-rest-request/test/utils/ArcGISAuthError.test.ts +170 -0
  236. package/packages/arcgis-rest-request/test/utils/ArcGISRequestError.test.ts +51 -0
  237. package/packages/arcgis-rest-request/test/utils/check-for-errors.test.ts +111 -0
  238. package/packages/arcgis-rest-request/test/utils/encode-form-data.test.ts +133 -0
  239. package/packages/arcgis-rest-request/test/utils/get-portal-url.test.ts +37 -0
  240. package/packages/arcgis-rest-request/test/utils/portal.test.ts +97 -0
  241. package/packages/arcgis-rest-request/test/utils/process-params.test.ts +193 -0
  242. package/packages/arcgis-rest-request/tsconfig.json +6 -0
  243. package/packages/arcgis-rest-sharing/README.md +67 -0
  244. package/packages/arcgis-rest-sharing/package-lock.json +11 -0
  245. package/packages/arcgis-rest-sharing/package.json +57 -0
  246. package/packages/arcgis-rest-sharing/src/access.ts +85 -0
  247. package/packages/arcgis-rest-sharing/src/group-sharing.ts +211 -0
  248. package/packages/arcgis-rest-sharing/src/helpers.ts +82 -0
  249. package/packages/arcgis-rest-sharing/src/index.ts +5 -0
  250. package/packages/arcgis-rest-sharing/test/access.test.ts +154 -0
  251. package/packages/arcgis-rest-sharing/test/group-sharing.test.ts +566 -0
  252. package/packages/arcgis-rest-sharing/test/helpers.test.ts +55 -0
  253. package/packages/arcgis-rest-sharing/test/mocks/sharing.ts +18 -0
  254. package/packages/arcgis-rest-sharing/tsconfig.json +6 -0
  255. package/packages/arcgis-rest-users/README.md +71 -0
  256. package/packages/arcgis-rest-users/package-lock.json +11 -0
  257. package/packages/arcgis-rest-users/package.json +51 -0
  258. package/packages/arcgis-rest-users/src/get.ts +69 -0
  259. package/packages/arcgis-rest-users/src/index.ts +6 -0
  260. package/packages/arcgis-rest-users/src/invitation.ts +166 -0
  261. package/packages/arcgis-rest-users/src/notification.ts +73 -0
  262. package/packages/arcgis-rest-users/test/get.test.ts +99 -0
  263. package/packages/arcgis-rest-users/test/invitation.test.ts +169 -0
  264. package/packages/arcgis-rest-users/test/mocks/invitation.ts +70 -0
  265. package/packages/arcgis-rest-users/test/mocks/notification.ts +34 -0
  266. package/packages/arcgis-rest-users/test/mocks/user.ts +173 -0
  267. package/packages/arcgis-rest-users/test/notification.test.ts +83 -0
  268. package/packages/arcgis-rest-users/tsconfig.json +6 -0
  269. package/support/changelog.js +394 -0
  270. package/support/deploy-doc-site.js +16 -0
  271. package/support/publish.sh +43 -0
  272. package/support/test-helpers.js +8 -0
  273. package/tsconfig.json +69 -0
  274. package/tslint.json +15 -0
  275. package/umd-base-profile.js +82 -0
  276. package/umd-production-profile.js +13 -0
@@ -0,0 +1,33 @@
1
+ {
2
+ "name": "@esri/arcgis-rest-demo-vue-with-popup",
3
+ "description": "VueJS demo of @esri/arcgis-rest-* packages.",
4
+ "version": "1.13.0",
5
+ "author": "",
6
+ "license": "Apache-2.0",
7
+ "private": true,
8
+ "scripts": {
9
+ "serve": "vue-cli-service serve",
10
+ "build": "vue-cli-service build",
11
+ "lint": "vue-cli-service lint",
12
+ "start": "npm run serve"
13
+ },
14
+ "dependencies": {
15
+ "@esri/arcgis-rest-auth": "^1.13.0",
16
+ "@esri/arcgis-rest-request": "^1.13.0",
17
+ "vue": "^2.5.17",
18
+ "vue-router": "^3.0.1",
19
+ "vuex": "^3.0.1"
20
+ },
21
+ "devDependencies": {
22
+ "@vue/cli-plugin-babel": "^3.0.0",
23
+ "@vue/cli-plugin-eslint": "^3.0.0",
24
+ "@vue/cli-service": "^3.0.0",
25
+ "@vue/eslint-config-prettier": "^3.0.0",
26
+ "vue-template-compiler": "^2.5.17"
27
+ },
28
+ "browserslist": [
29
+ "> 1%",
30
+ "last 2 versions",
31
+ "not ie <= 8"
32
+ ]
33
+ }
Binary file
@@ -0,0 +1,24 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
7
+ <link rel="icon" href="<%= BASE_URL %>favicon.ico">
8
+ <title>ArcGIS Rest JS Vue</title>
9
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
10
+ <style>
11
+ html, body {
12
+ width: 100%;
13
+ height: 100%;
14
+ }
15
+ .row {
16
+ margin-bottom: 25px;
17
+ }
18
+ </style>
19
+ </head>
20
+ <body>
21
+ <div id="app"></div>
22
+ <!-- built files will be auto injected -->
23
+ </body>
24
+ </html>
@@ -0,0 +1,29 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
4
+ xmlns:cc="http://creativecommons.org/ns#"
5
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
6
+ xmlns:svg="http://www.w3.org/2000/svg"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ viewBox="0 0 400 400"
9
+ height="400"
10
+ width="400"
11
+ xml:space="preserve"
12
+ id="svg2"
13
+ version="1.1"><metadata
14
+ id="metadata8"><rdf:RDF><cc:Work
15
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
16
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
17
+ id="defs6" /><g
18
+ transform="matrix(1.3333333,0,0,-1.3333333,0,400)"
19
+ id="g10"><g
20
+ transform="translate(178.0626,235.0086)"
21
+ id="g12"><path
22
+ id="path14"
23
+ style="fill:#4dba87;fill-opacity:1;fill-rule:nonzero;stroke:none"
24
+ d="M 0,0 -22.669,-39.264 -45.338,0 h -75.491 L -22.669,-170.017 75.491,0 Z" /></g><g
25
+ transform="translate(178.0626,235.0086)"
26
+ id="g16"><path
27
+ id="path18"
28
+ style="fill:#435466;fill-opacity:1;fill-rule:nonzero;stroke:none"
29
+ d="M 0,0 -22.669,-39.264 -45.338,0 H -81.565 L -22.669,-102.01 36.227,0 Z" /></g></g></svg>
@@ -0,0 +1,308 @@
1
+ <template>
2
+ <div id="app-wrapper">
3
+ <div class="jumbotron">
4
+ <div class="container">
5
+ <div id="page-header" class="row">
6
+ <div id="logo-container" class="col-sm-3">
7
+ <img id="logo" src="../assets/logo.svg">
8
+ </div>
9
+ <div class="col-sm-9">
10
+ <h2>
11
+ ArcGIS Rest JS Vue Demo
12
+ </h2>
13
+ <p>
14
+ A simple vue application utilizing the arcgis-rest-js library.
15
+ </p>
16
+ </div>
17
+ </div>
18
+ </div>
19
+ </div>
20
+ <div class="container">
21
+ <div class="row">
22
+ <div class="col-xs-12">
23
+ <!-- Hook the has-error class to the boolean clientIdError. -->
24
+ <div :class="{ 'has-error': clientIdError }" class="form-group">
25
+ <label class="control-label">ClientID</label>
26
+ <!-- Hook this input up to the clientId property. -->
27
+ <input
28
+ v-model="clientId"
29
+ type="text"
30
+ class="form-control"
31
+ >
32
+ </div>
33
+ <p class="help-block">
34
+ You can generate your own clientid by creating an application on the
35
+ <a target='_blank' href='https://developers.arcgis.com/documentation/core-concepts/security-and-authentication/browser-based-user-logins/'>
36
+ ArcGIS for Developers
37
+ </a>
38
+ website. Be sure to add
39
+ <code>
40
+ {{ redirect_uri }}
41
+ </code>
42
+ as a redirect uri for your application.
43
+ </p>
44
+ </div>
45
+ </div>
46
+ <div class="row">
47
+ <div class="col-xs-6">
48
+ <!-- On click, this button will call the signInWithPopup function. -->
49
+ <button class="btn btn-primary btn-block" @click="signInWithPopup">Sign In (with popup)</button>
50
+ </div>
51
+ <div class="col-xs-6">
52
+ <!-- On click, this button will call the signInWithoutPopup function. -->
53
+ <button class="btn btn-primary btn-block" @click="signInWithInlineRedirect">Sign In (inline redirect)</button>
54
+ </div>
55
+ </div>
56
+ <!-- If there is a current session, render this bit. -->
57
+ <div v-if="session" class="row">
58
+ <div class="col-xs-12 text-center">
59
+ <p class="bg-success info-panel">
60
+ <!-- Display the current user's username. -->
61
+ Logged in as {{ session.username }}.
62
+ </p>
63
+ </div>
64
+ </div>
65
+ <!-- If there is not a current session, render this instead. -->
66
+ <div v-else class="row">
67
+ <div class="col-xs-12 text-center">
68
+ <p class="bg-info info-panel">
69
+ Log in using one of the methods above to load rest of the page.
70
+ </p>
71
+ </div>
72
+ </div>
73
+ <div class="row">
74
+ <div class="col-xs-6 col-xs-offset-3 text-center">
75
+ <button class="btn btn-block btn-warning" @click="signout">Sign Out</button>
76
+ </div>
77
+ </div>
78
+ <div class="panel panel-default">
79
+ <div class="panel-heading">
80
+ <div class="row" style="margin-bottom: 0px">
81
+ <div class="col-xs-4">
82
+ <!-- This button will call the search function. It's disabled if there is no current session. -->
83
+ <button @click="search" :disabled="!session" class="btn btn-success btn-block">
84
+ <span class="glyphicon glyphicon-search"></span>
85
+ Search Your Content
86
+ </button>
87
+ </div>
88
+ <div class="col-xs-8">
89
+ <div class="input-group">
90
+ <div class="input-group-addon">
91
+ <span class="glyphicon glyphicon-filter"></span>
92
+ </div>
93
+ <!-- Hook up this input the the filter string property. It's disabled if there is no current session. -->
94
+ <input
95
+ v-model="filterString"
96
+ :disabled="!session"
97
+ type="text"
98
+ class="form-control"
99
+ placeholder="Filter"
100
+ >
101
+ </div>
102
+ </div>
103
+ </div>
104
+ </div>
105
+ <!-- Render this only if their is a current search pending. -->
106
+ <div v-if="searching" class="panel-body loading-table">
107
+ <loader
108
+ size='25'
109
+ label='Fetching Data...'
110
+ labelPosition='bottom'
111
+ ></loader>
112
+ </div>
113
+ <!-- Render if there are search results. -->
114
+ <table v-if="searchResults" class="table table-hover">
115
+ <thead>
116
+ <tr>
117
+ <th>Title:</th>
118
+ <th>ID:</th>
119
+ </tr>
120
+ </thead>
121
+ <!-- If there are any search results, render them. -->
122
+ <tbody v-if="searchResults.length > 0">
123
+ <!-- Iterate over the search results and render a table row for each. -->
124
+ <tr
125
+ v-for="(item, index) in searchResults"
126
+ :key="index"
127
+ >
128
+ <td>
129
+ {{ item.title }}
130
+ </td>
131
+ <td>
132
+ {{ item.id }}
133
+ </td>
134
+ </tr>
135
+ </tbody>
136
+ <!-- If no results were found, render this information. -->
137
+ <tbody v-else>
138
+ <tr class="danger">
139
+ <td>
140
+ No results found.
141
+ </td>
142
+ <td></td>
143
+ </tr>
144
+ </tbody>
145
+ </table>
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </template>
150
+
151
+ <script>
152
+ // Import the arcgis-rest-auth bit.
153
+ import { UserSession } from "@esri/arcgis-rest-auth";
154
+ // Import the arcgis-rest-request bit.
155
+ import { request } from "@esri/arcgis-rest-request";
156
+ // Import a simple loading indicator.
157
+ import Loader from "./Loader";
158
+
159
+ export default {
160
+ name: "App",
161
+ components: { Loader },
162
+ data() {
163
+ return {
164
+ // Store these values on this instance.
165
+ clientId: process.env.VUE_APP_CLIENTID || "QVQNb3XfDzoboWS0",
166
+ clientIdError: false,
167
+ filterString: null,
168
+ searching: null,
169
+ searchResults: null
170
+ };
171
+ },
172
+ computed: {
173
+ // Simple computed property to access the current applications path to
174
+ // set it as the redirect_uri.
175
+ redirect_uri() {
176
+ return `${window.location.origin}${window.location.pathname}`;
177
+ },
178
+ session() {
179
+ return this.$store.state.session;
180
+ }
181
+ },
182
+ created() {
183
+ // Upon creation, check to see if the session prop exists. If it does,
184
+ // pre-populate the client id value.
185
+ if (this.$store.state.session) {
186
+ this.clientId = this.$store.state.session.clientId;
187
+ }
188
+ },
189
+ mounted() {},
190
+ watch: {
191
+ // Set a watcher on the client id to validate it when it changes.
192
+ clientId() {
193
+ if (this.clientId === "") this.clientIdError = true;
194
+ else this.clientIdError = false;
195
+ }
196
+ },
197
+ methods: {
198
+ // Function to validate that the client id exists.
199
+ requireClientId() {
200
+ if (this.clientIdError || !this.clientId) {
201
+ this.clientIdError = true;
202
+ return false;
203
+ }
204
+ return true;
205
+ },
206
+ // The signup with a popup workflow. When popup is true, the beginOAuth2 function
207
+ // returns a promise.
208
+ signInWithPopup() {
209
+ if (this.requireClientId()) {
210
+ UserSession.beginOAuth2({
211
+ clientId: this.clientId,
212
+ // Passing the clientid here is only a requirement of this demo where we allow
213
+ // dynamic clientids via input. Typically you would have this hard-coded on
214
+ // the authorization callback.
215
+ redirectUri: `${this.redirect_uri}#/authenticate?clientID=${
216
+ this.clientId
217
+ }`,
218
+ popup: true
219
+ })
220
+ .then(session => {
221
+ // Upon successful login, update the application's store with this new
222
+ // session.
223
+ this.$store.dispatch("updateSession", session);
224
+ })
225
+ .catch(error => {
226
+ console.error(error);
227
+ });
228
+ }
229
+ },
230
+ // The signup with an inline redirect workflow. In this case the user is just redirected to
231
+ // the authorization page.
232
+ signInWithInlineRedirect() {
233
+ if (this.requireClientId()) {
234
+ UserSession.beginOAuth2({
235
+ clientId: this.clientId,
236
+ redirectUri: `${this.redirect_uri}#/authenticate?clientID=${
237
+ this.clientId
238
+ }`,
239
+ popup: false
240
+ });
241
+ }
242
+ },
243
+ // Function to log the use out of the current session.
244
+ signout() {
245
+ this.$store.dispatch("updateSession", null);
246
+ this.searchResults = null;
247
+ },
248
+ // Function to call to search for a user's content.
249
+ search() {
250
+ // Update the properties for a new search.
251
+ this.searchResults = null;
252
+ this.searching = true;
253
+ // Timeout is for effect.
254
+ setTimeout(this.requestData, 300);
255
+ },
256
+ // Request data from AGOL.
257
+ requestData() {
258
+ // Construct a search query for only items the user owns. Add a filter if it exists.
259
+ const query = `owner: ${this.$store.state.session.username}${
260
+ this.filterString ? ` AND ${this.filterString}` : ""
261
+ }`;
262
+ // Construct the url for the endpoint with the session's portal and the constructed
263
+ // query.
264
+ const searchUrl = `${this.$store.state.session.portal}/search?q=${query}`;
265
+ // Make the request. Tack on the current authentication session.
266
+ request(searchUrl, { authentication: this.$store.state.session })
267
+ .then(response => {
268
+ this.searching = false;
269
+ this.searchResults = response.results;
270
+ })
271
+ .catch(error => {
272
+ this.searching = false;
273
+ console.error(error);
274
+ });
275
+ }
276
+ }
277
+ };
278
+ </script>
279
+
280
+ <style>
281
+ .jumbotron {
282
+ padding-top: 0px;
283
+ padding-bottom: 0px;
284
+ }
285
+
286
+ #logo-container {
287
+ display: flex;
288
+ justify-content: center;
289
+ align-content: center;
290
+ }
291
+
292
+ #logo {
293
+ width: 150px;
294
+ height: 150px;
295
+ }
296
+
297
+ .info-panel {
298
+ padding: 15px;
299
+ }
300
+
301
+ .loading-table {
302
+ width: 100%;
303
+ height: 150px;
304
+ display: flex;
305
+ align-content: center;
306
+ justify-content: center;
307
+ }
308
+ </style>
@@ -0,0 +1,65 @@
1
+ <template>
2
+ <div id="authenticate-wrapper">
3
+ <!-- Just a simple loading indicator -->
4
+ <loader
5
+ size='25'
6
+ label='Authenticating...'
7
+ labelPosition='bottom'
8
+ ></loader>
9
+ </div>
10
+ </template>
11
+
12
+ <script>
13
+ // Import the arcgis-rest-auth bit.
14
+ import { UserSession } from "@esri/arcgis-rest-auth";
15
+ // Import a simple loading indicator.
16
+ import Loader from "./Loader";
17
+
18
+ export default {
19
+ name: "Authenticate",
20
+ components: { Loader },
21
+ props: [],
22
+ data() {
23
+ return {};
24
+ },
25
+ computed: {
26
+ // Simple computed property to make it easier to access the client id
27
+ // in the url. In a production app the clientid should be hardcoded.
28
+ clientId() {
29
+ return this.$route.query.clientID;
30
+ }
31
+ },
32
+ created() {},
33
+ mounted() {
34
+ // When this component is rendered, set a timeout to process the authentication.
35
+ // The timing is just for effect to show it's working.
36
+ setTimeout(this.processAuthentication, 500);
37
+ },
38
+ methods: {
39
+ processAuthentication() {
40
+ // Complete the OAuth2 process. If in a popup, the window will close before
41
+ // this finishes and will be handled by the beginOAuth2 function. If not in
42
+ // a popup, it will proceed to the next couple lines.
43
+ const session = UserSession.completeOAuth2({
44
+ // Required as it is a piece of the key in the popup method. If not using
45
+ // a popup, this shouldn't be required.
46
+ clientId: this.clientId
47
+ });
48
+ // Update the application store with the new session.
49
+ this.$store.dispatch("updateSession", session);
50
+ // The app is the rerouted to the main application.
51
+ this.$router.replace("/");
52
+ }
53
+ }
54
+ };
55
+ </script>
56
+
57
+ <style>
58
+ #authenticate-wrapper {
59
+ width: 100%;
60
+ height: 100%;
61
+ display: flex;
62
+ align-content: center;
63
+ justify-content: center;
64
+ }
65
+ </style>
@@ -0,0 +1,230 @@
1
+ <template>
2
+ <div ref='loader-wrapper' id='loader-wrapper'>
3
+ <div v-if="label" ref="label">
4
+ {{ label }}
5
+ </div>
6
+ <div ref="spinner" class="sk-fading-circle">
7
+ <div class="sk-circle1 sk-circle"></div>
8
+ <div class="sk-circle2 sk-circle"></div>
9
+ <div class="sk-circle3 sk-circle"></div>
10
+ <div class="sk-circle4 sk-circle"></div>
11
+ <div class="sk-circle5 sk-circle"></div>
12
+ <div class="sk-circle6 sk-circle"></div>
13
+ <div class="sk-circle7 sk-circle"></div>
14
+ <div class="sk-circle8 sk-circle"></div>
15
+ <div class="sk-circle9 sk-circle"></div>
16
+ <div class="sk-circle10 sk-circle"></div>
17
+ <div class="sk-circle11 sk-circle"></div>
18
+ <div class="sk-circle12 sk-circle"></div>
19
+ </div>
20
+ </div>
21
+ </template>
22
+
23
+ <script>
24
+ export default {
25
+ name: "Loader",
26
+ components: {},
27
+ props: ["size", "label", "labelPosition"],
28
+ data() {
29
+ return {};
30
+ },
31
+ watch: {
32
+ size() {
33
+ this.setSize();
34
+ },
35
+ labelPosition() {
36
+ this.setLabelPosition();
37
+ }
38
+ },
39
+ created() {},
40
+ mounted() {
41
+ this.setSize();
42
+ this.setLabelPosition();
43
+ },
44
+ methods: {
45
+ setSize() {
46
+ const marginPercentage = 0.2;
47
+ this.$refs.spinner.style.width = `${this.size || 40}px`;
48
+ this.$refs.spinner.style.height = `${this.size || 40}px`;
49
+ this.$refs.spinner.style.margin = `${this.size * marginPercentage ||
50
+ 40 * marginPercentage}px`;
51
+ },
52
+ setLabelPosition() {
53
+ switch (this.labelPosition) {
54
+ case "top":
55
+ this.$refs["loader-wrapper"].style["flex-direction"] = "column";
56
+ break;
57
+ case "bottom":
58
+ this.$refs["loader-wrapper"].style["flex-direction"] =
59
+ "column-reverse";
60
+ break;
61
+ case "left":
62
+ this.$refs["loader-wrapper"].style["flex-direction"] = "row";
63
+ break;
64
+ case "right":
65
+ this.$refs["loader-wrapper"].style["flex-direction"] = "row-reverse";
66
+ break;
67
+ default:
68
+ this.$refs["loader-wrapper"].style["flex-direction"] =
69
+ "column-reverse";
70
+ break;
71
+ }
72
+ }
73
+ }
74
+ };
75
+ </script>
76
+
77
+ <style>
78
+ #loader-wrapper {
79
+ display: inline-flex;
80
+ align-items: center;
81
+ justify-content: center;
82
+ }
83
+
84
+ .sk-fading-circle {
85
+ width: 100%;
86
+ height: 100%;
87
+ position: relative;
88
+ }
89
+
90
+ .sk-fading-circle .sk-circle {
91
+ width: 100%;
92
+ height: 100%;
93
+ position: absolute;
94
+ left: 0;
95
+ top: 0;
96
+ }
97
+
98
+ .sk-fading-circle .sk-circle:before {
99
+ content: "";
100
+ display: block;
101
+ margin: 0 auto;
102
+ width: 15%;
103
+ height: 15%;
104
+ background-color: #333;
105
+ border-radius: 100%;
106
+ -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
107
+ animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
108
+ }
109
+ .sk-fading-circle .sk-circle2 {
110
+ -webkit-transform: rotate(30deg);
111
+ -ms-transform: rotate(30deg);
112
+ transform: rotate(30deg);
113
+ }
114
+ .sk-fading-circle .sk-circle3 {
115
+ -webkit-transform: rotate(60deg);
116
+ -ms-transform: rotate(60deg);
117
+ transform: rotate(60deg);
118
+ }
119
+ .sk-fading-circle .sk-circle4 {
120
+ -webkit-transform: rotate(90deg);
121
+ -ms-transform: rotate(90deg);
122
+ transform: rotate(90deg);
123
+ }
124
+ .sk-fading-circle .sk-circle5 {
125
+ -webkit-transform: rotate(120deg);
126
+ -ms-transform: rotate(120deg);
127
+ transform: rotate(120deg);
128
+ }
129
+ .sk-fading-circle .sk-circle6 {
130
+ -webkit-transform: rotate(150deg);
131
+ -ms-transform: rotate(150deg);
132
+ transform: rotate(150deg);
133
+ }
134
+ .sk-fading-circle .sk-circle7 {
135
+ -webkit-transform: rotate(180deg);
136
+ -ms-transform: rotate(180deg);
137
+ transform: rotate(180deg);
138
+ }
139
+ .sk-fading-circle .sk-circle8 {
140
+ -webkit-transform: rotate(210deg);
141
+ -ms-transform: rotate(210deg);
142
+ transform: rotate(210deg);
143
+ }
144
+ .sk-fading-circle .sk-circle9 {
145
+ -webkit-transform: rotate(240deg);
146
+ -ms-transform: rotate(240deg);
147
+ transform: rotate(240deg);
148
+ }
149
+ .sk-fading-circle .sk-circle10 {
150
+ -webkit-transform: rotate(270deg);
151
+ -ms-transform: rotate(270deg);
152
+ transform: rotate(270deg);
153
+ }
154
+ .sk-fading-circle .sk-circle11 {
155
+ -webkit-transform: rotate(300deg);
156
+ -ms-transform: rotate(300deg);
157
+ transform: rotate(300deg);
158
+ }
159
+ .sk-fading-circle .sk-circle12 {
160
+ -webkit-transform: rotate(330deg);
161
+ -ms-transform: rotate(330deg);
162
+ transform: rotate(330deg);
163
+ }
164
+ .sk-fading-circle .sk-circle2:before {
165
+ -webkit-animation-delay: -1.1s;
166
+ animation-delay: -1.1s;
167
+ }
168
+ .sk-fading-circle .sk-circle3:before {
169
+ -webkit-animation-delay: -1s;
170
+ animation-delay: -1s;
171
+ }
172
+ .sk-fading-circle .sk-circle4:before {
173
+ -webkit-animation-delay: -0.9s;
174
+ animation-delay: -0.9s;
175
+ }
176
+ .sk-fading-circle .sk-circle5:before {
177
+ -webkit-animation-delay: -0.8s;
178
+ animation-delay: -0.8s;
179
+ }
180
+ .sk-fading-circle .sk-circle6:before {
181
+ -webkit-animation-delay: -0.7s;
182
+ animation-delay: -0.7s;
183
+ }
184
+ .sk-fading-circle .sk-circle7:before {
185
+ -webkit-animation-delay: -0.6s;
186
+ animation-delay: -0.6s;
187
+ }
188
+ .sk-fading-circle .sk-circle8:before {
189
+ -webkit-animation-delay: -0.5s;
190
+ animation-delay: -0.5s;
191
+ }
192
+ .sk-fading-circle .sk-circle9:before {
193
+ -webkit-animation-delay: -0.4s;
194
+ animation-delay: -0.4s;
195
+ }
196
+ .sk-fading-circle .sk-circle10:before {
197
+ -webkit-animation-delay: -0.3s;
198
+ animation-delay: -0.3s;
199
+ }
200
+ .sk-fading-circle .sk-circle11:before {
201
+ -webkit-animation-delay: -0.2s;
202
+ animation-delay: -0.2s;
203
+ }
204
+ .sk-fading-circle .sk-circle12:before {
205
+ -webkit-animation-delay: -0.1s;
206
+ animation-delay: -0.1s;
207
+ }
208
+
209
+ @-webkit-keyframes sk-circleFadeDelay {
210
+ 0%,
211
+ 39%,
212
+ 100% {
213
+ opacity: 0;
214
+ }
215
+ 40% {
216
+ opacity: 1;
217
+ }
218
+ }
219
+
220
+ @keyframes sk-circleFadeDelay {
221
+ 0%,
222
+ 39%,
223
+ 100% {
224
+ opacity: 0;
225
+ }
226
+ 40% {
227
+ opacity: 1;
228
+ }
229
+ }
230
+ </style>