\n
\n \n\n\n\n\n\n","var render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n [\n _c(\"vue-headful\", { attrs: { title: _vm.pageTitle } }),\n _c(\n \"div\",\n {\n staticStyle: { overflow: \"hidden\" },\n attrs: { id: \"body-content-area-all\" },\n },\n [\n _c(\"div\", { staticClass: \"card\" }, [\n _c(\n \"div\",\n {\n staticClass: \"has-text-centered heading\",\n style: {\n backgroundColor: \"#ededed\",\n marginBottom: \"0px\",\n width: \"100%\",\n height: \"52px\",\n },\n },\n [\n _c(\n \"h1\",\n {\n staticClass: \"is-size-6\",\n staticStyle: { padding: \"12px 0px\" },\n },\n [_c(\"b\", [_vm._v(_vm._s(_vm.pageName.toLocaleUpperCase()))])]\n ),\n _c(\n \"div\",\n {\n staticClass: \"add-button-container\",\n staticStyle: {\n float: \"right\",\n width: \"215px\",\n position: \"absolute\",\n right: \".5rem\",\n top: \".5rem\",\n },\n },\n [\n _c(\n \"a\",\n {\n class: [\"button is-accent\"],\n on: { click: _vm.openModal },\n },\n [_vm._m(0), _c(\"span\", [_vm._v(\" Add Document(s) \")])]\n ),\n ]\n ),\n ]\n ),\n _c(\n \"div\",\n { staticStyle: { height: \"87.5%\" }, attrs: { id: \"pagelayout\" } },\n [\n _vm.documents && _vm.documents.length > 0\n ? _c(\"Grid\", {\n staticStyle: { height: \"100%\" },\n style: { height: \"108%\" },\n attrs: {\n filter: _vm.filter,\n \"data-items\": _vm.documents,\n sortable: false,\n sort: _vm.sort,\n filterable: false,\n columns: _vm.staticColumns,\n skip: _vm.skip,\n take: _vm.take,\n total: _vm.totalRecords,\n pageable: false,\n },\n on: {\n selectionchange: _vm.selectionchange,\n headerselectionchange: _vm.headerselectionchange,\n filterchange: _vm.filterchange,\n sortchange: _vm.sortchange,\n pagechange: _vm.pagechange,\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"NameCell\",\n fn: function (ref) {\n var props = ref.props\n return [\n _c(\n \"td\",\n {\n staticClass: \"editable\",\n staticStyle: { padding: \"0\" },\n },\n [\n _c(\n \"v-popover\",\n {\n staticStyle: {\n height: \"100%\",\n width: \"75%\",\n \"text-overflow\": \"clip!important\",\n },\n attrs: {\n open: props.dataItem.showSaveDialog,\n placement: \"right-end\",\n trigger: \"manual\",\n autoHide: false,\n },\n },\n [\n _c(\"div\", {}, [\n _vm.isOwnedByUser(props.dataItem)\n ? _c(\"input\", {\n staticStyle: {\n height: \"100%\",\n width: \"100%\",\n \"text-overflow\":\n \"clip!important\",\n },\n attrs: { type: \"text\" },\n domProps: {\n value:\n props.dataItem.displayName,\n },\n on: {\n blur: function ($event) {\n props.dataItem.showSaveDialog =\n $event.target.value !==\n props.dataItem.displayName\n props.dataItem.event =\n $event\n props.dataItem.displayName =\n $event.target.value\n },\n keyup: [\n function ($event) {\n if (\n !$event.type.indexOf(\n \"key\"\n ) &&\n _vm._k(\n $event.keyCode,\n \"esc\",\n 27,\n $event.key,\n [\"Esc\", \"Escape\"]\n )\n ) {\n return null\n }\n _vm.reset(\n $event,\n props.dataItem\n )\n props.dataItem.event =\n null\n props.dataItem.showSaveDialog = false\n },\n function ($event) {\n if (\n !$event.type.indexOf(\n \"key\"\n ) &&\n _vm._k(\n $event.keyCode,\n \"enter\",\n 13,\n $event.key,\n \"Enter\"\n )\n ) {\n return null\n }\n props.dataItem.showSaveDialog =\n $event.target.value !==\n props.dataItem\n .displayName\n props.dataItem.event =\n $event\n props.dataItem.displayName =\n $event.target.value\n },\n ],\n },\n })\n : _c(\"input\", {\n attrs: { type: \"text\" },\n domProps: {\n value:\n props.dataItem.displayName,\n },\n on: {\n mousedown: function ($event) {\n $event.preventDefault()\n },\n },\n }),\n ]),\n _c(\n \"template\",\n {\n attrs: { id: \"popover\" },\n slot: \"popover\",\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"popover-contain\",\n },\n [\n _vm._v(\" Are you sure? \"),\n _c(\n \"div\",\n { staticClass: \"actions\" },\n [\n _c(\n \"button\",\n {\n attrs: { cancel: \"\" },\n on: {\n click: function (\n $event\n ) {\n $event.preventDefault()\n _vm.reset(\n $event,\n props.dataItem\n )\n props.dataItem.event =\n null\n props.dataItem.showSaveDialog = false\n },\n },\n },\n [_vm._v(\"Cancel\")]\n ),\n _c(\n \"button\",\n {\n on: {\n click: function (\n $event\n ) {\n $event.preventDefault()\n _vm.submitChanges(\n props.dataItem,\n \"displayName\"\n )\n props.dataItem.event =\n null\n props.dataItem.showSaveDialog = false\n },\n },\n },\n [_vm._v(\"Save\")]\n ),\n ]\n ),\n ]\n ),\n ]\n ),\n ],\n 2\n ),\n ],\n 1\n ),\n ]\n },\n },\n {\n key: \"TypeCell\",\n fn: function (ref) {\n var props = ref.props\n return [\n _c(\"td\", [\n _vm._v(\n \" \" +\n _vm._s(\n props.dataItem.extension\n .replace(\".\", \"\")\n .toUpperCase()\n ) +\n \" \"\n ),\n ]),\n ]\n },\n },\n {\n key: \"SizeCell\",\n fn: function (ref) {\n var props = ref.props\n return [\n _c(\n \"td\",\n { staticStyle: { \"text-align\": \"right\" } },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.getFileSize(\n props.dataItem.fileSize\n )\n ) +\n \" \"\n ),\n ]\n ),\n ]\n },\n },\n {\n key: \"UploadDateCell\",\n fn: function (ref) {\n var props = ref.props\n return [\n _c(\"td\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm\n .getUploadDate(\n props.dataItem.uploadDate\n )\n .format(\"MM/DD/YYYY\")\n ) +\n \" \"\n ),\n ]),\n ]\n },\n },\n {\n key: \"UploadedByCell\",\n fn: function (ref) {\n var props = ref.props\n return [\n _c(\"td\", [\n _vm._v(\n \" \" +\n _vm._s(props.dataItem.uploadUserName) +\n \" \"\n ),\n ]),\n ]\n },\n },\n {\n key: \"SharingCell\",\n fn: function (ref) {\n var props = ref.props\n return [\n _vm.isOwnedByUser(props.dataItem)\n ? _c(\"td\", { staticClass: \"editable\" }, [\n _c(\n \"select\",\n {\n on: {\n change: function ($event) {\n return _vm.submitChanges(\n props.dataItem,\n \"isShared\",\n $event.target.value\n )\n },\n },\n },\n [\n _c(\n \"option\",\n {\n domProps: {\n value: true,\n selected:\n props.dataItem.isShared,\n },\n },\n [_vm._v(\"Shared\")]\n ),\n _c(\n \"option\",\n {\n domProps: {\n value: false,\n selected:\n !props.dataItem.isShared,\n },\n },\n [_vm._v(\"Private\")]\n ),\n ]\n ),\n ])\n : _c(\"td\", { staticClass: \"editable\" }, [\n _c(\n \"select\",\n {\n ref: \"isSharedDropdown\",\n on: {\n mousedown: function ($event) {\n $event.preventDefault()\n },\n },\n },\n [\n _c(\n \"option\",\n { domProps: { selected: true } },\n [\n _vm._v(\n _vm._s(\n props.dataItem.isShared\n ? \"Shared\"\n : \"Private\"\n )\n ),\n ]\n ),\n ]\n ),\n ]),\n ]\n },\n },\n {\n key: \"ActionCell\",\n fn: function (ref) {\n var props = ref.props\n return [\n _c(\n \"td\",\n {\n staticStyle: {\n width: \"100%\",\n padding: \"0\",\n },\n },\n [\n _c(\"div\", { staticClass: \"action-cell\" }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"tooltip\",\n rawName: \"v-tooltip.left-start\",\n value: {\n content: \"Download Document\",\n container: false,\n classes: [\"tooltip\"],\n },\n expression:\n \"{ content: 'Download Document', container: false, classes: ['tooltip'] }\",\n modifiers: { \"left-start\": true },\n },\n ],\n },\n [\n _c(\n \"a\",\n {\n attrs: {\n href: _vm.getDocumentPath(\n props.dataItem\n ),\n download: \"\",\n },\n },\n [\n _c(\"i\", {\n staticClass: \"fa fa-download\",\n }),\n ]\n ),\n ]\n ),\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"tooltip\",\n rawName: \"v-tooltip.left-start\",\n value: {\n content: \"View Document\",\n container: false,\n classes: [\"tooltip\"],\n },\n expression:\n \"{ content: 'View Document', container: false, classes: ['tooltip'] }\",\n modifiers: { \"left-start\": true },\n },\n ],\n },\n [\n _c(\n \"a\",\n {\n attrs: { href: \"\" },\n on: {\n click: function ($event) {\n $event.preventDefault()\n return _vm.viewDocument(\n props.dataItem\n )\n },\n },\n },\n [\n _c(\"i\", {\n staticClass: \"fa fa-eye\",\n }),\n ]\n ),\n ]\n ),\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"tooltip\",\n rawName: \"v-tooltip.left-start\",\n value: {\n content: \"Delete Document\",\n container: false,\n classes: [\"tooltip\"],\n },\n expression:\n \"{ content: 'Delete Document', container: false, classes: ['tooltip'] }\",\n modifiers: { \"left-start\": true },\n },\n ],\n },\n [\n _vm.isOwnedByUser(props.dataItem)\n ? _c(\n \"a\",\n {\n attrs: { href: \"\" },\n on: {\n click: function ($event) {\n $event.preventDefault()\n return _vm.deleteDocument(\n props.dataItem\n )\n },\n },\n },\n [\n _c(\"i\", {\n staticClass: \"fa fa-trash\",\n }),\n ]\n )\n : _vm._e(),\n ]\n ),\n ]),\n ]\n ),\n ]\n },\n },\n ],\n null,\n false,\n 2999264192\n ),\n })\n : _c(\"div\", [_c(\"center\", [_vm._v(\"No documents\")])], 1),\n ],\n 1\n ),\n ]),\n _c(\n \"form\",\n {\n on: {\n submit: function ($event) {\n $event.preventDefault()\n return _vm.submitFiles.apply(null, arguments)\n },\n },\n },\n [\n _c(\"modal\", {\n ref: \"upload\",\n on: {\n close: function ($event) {\n return _vm.removeFiles()\n },\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"header\",\n fn: function () {\n return undefined\n },\n proxy: true,\n },\n {\n key: \"body\",\n fn: function () {\n return [\n _vm.filePondIsLoading ? _c(\"div\") : _vm._e(),\n _c(\n \"div\",\n {\n ref: \"filePondWrapper\",\n class: [\n \"filePondWrapper\",\n _vm.$refs.filePond &&\n _vm.$refs.filePond.getFiles().length < 1\n ? \"has-no-files\"\n : \"\",\n ],\n on: {\n click: function ($event) {\n $event.stopPropagation()\n return _vm.openFileBrowser.apply(\n null,\n arguments\n )\n },\n },\n },\n [\n _c(\"file-pond\", {\n ref: \"filePond\",\n attrs: {\n name: \"file\",\n \"label-idle\": _vm.filePondLabel,\n \"allow-multiple\": \"true\",\n \"accepted-file-types\":\n \"application/pdf, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n files: _vm.input.files,\n dropOnElement: false,\n dropOnPage: true,\n credits: [],\n },\n on: {\n click: function ($event) {\n $event.stopPropagation()\n },\n addfilestart: _vm.addfile,\n removefile: _vm.removefile,\n },\n }),\n ],\n 1\n ),\n ]\n },\n proxy: true,\n },\n _vm.input.files.length !== 0\n ? {\n key: \"footer\",\n fn: function () {\n return [\n _c(\"div\", { staticClass: \"modal-footer\" }, [\n _c(\n \"button\",\n {\n ref: \"saveButton\",\n class: [_vm.isSaving ? \"saving\" : \"\"],\n attrs: {\n type: \"submit\",\n disabled: _vm.isSaving,\n },\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.isSaving\n ? \"Saving\"\n : \"Save Document\"\n ) +\n \" \"\n ),\n _vm.isSaving ? _c(\"spin-loader\") : _vm._e(),\n ],\n 1\n ),\n ]),\n ]\n },\n proxy: true,\n }\n : null,\n ],\n null,\n true\n ),\n }),\n ],\n 1\n ),\n _vm.showDeleteModal\n ? _c(\n \"div\",\n {\n staticClass: \"modal is-active\",\n attrs: { id: \"delete-modal\" },\n },\n [\n _c(\"div\", {\n staticClass: \"modal-background\",\n on: {\n click: function ($event) {\n _vm.showDeleteModal = false\n },\n },\n }),\n _c(\"div\", { staticClass: \"modal-card\" }, [\n _c(\n \"header\",\n { staticClass: \"modal-card-head has-bg-danger\" },\n [\n _c(\n \"div\",\n { staticClass: \"modal-card-title has-bg-danger\" },\n [_vm._v(\"Confirm Delete\")]\n ),\n _c(\"a\", {\n staticClass: \"delete\",\n attrs: { \"aria-label\": \"close\" },\n on: {\n click: function ($event) {\n _vm.showDeleteModal = false\n },\n },\n }),\n ]\n ),\n _c(\"section\", { staticClass: \"modal-card-body\" }, [\n _c(\"div\", { staticClass: \"content\" }, [\n _vm._v(' Type \"'),\n _c(\"b\", [_vm._v(\"delete\")]),\n _vm._v(\n '\" to confirm that you want to delete \"' +\n _vm._s(_vm.selectedFile.name) +\n '\" '\n ),\n ]),\n _c(\"div\", { staticClass: \"field\" }, [\n _c(\"div\", { staticClass: \"control\" }, [\n _c(\"input\", {\n directives: [\n { name: \"focus\", rawName: \"v-focus\" },\n {\n name: \"model\",\n rawName: \"v-model.trim\",\n value: _vm.confirmationText,\n expression: \"confirmationText\",\n modifiers: { trim: true },\n },\n ],\n staticClass: \"input\",\n attrs: {\n type: \"text\",\n placeholder:\n \"type `delete` and then click confirm\",\n },\n domProps: { value: _vm.confirmationText },\n on: {\n keydown: function ($event) {\n if (\n !$event.type.indexOf(\"key\") &&\n _vm._k(\n $event.keyCode,\n \"enter\",\n 13,\n $event.key,\n \"Enter\"\n )\n ) {\n return null\n }\n $event.preventDefault()\n return _vm.deleteIfConfirmed.apply(\n null,\n arguments\n )\n },\n input: function ($event) {\n if ($event.target.composing) {\n return\n }\n _vm.confirmationText =\n $event.target.value.trim()\n },\n blur: function ($event) {\n return _vm.$forceUpdate()\n },\n },\n }),\n ]),\n ]),\n ]),\n _c(\"footer\", { staticClass: \"modal-card-foot\" }, [\n _c(\n \"a\",\n {\n staticClass: \"button is-danger\",\n attrs: {\n disabled: _vm.confirmationText !== \"delete\",\n },\n on: { click: _vm.deleteIfConfirmed },\n },\n [_vm._m(1), _c(\"span\", [_vm._v(\"Confirm\")])]\n ),\n _c(\n \"a\",\n {\n staticClass: \"button\",\n on: {\n click: function ($event) {\n _vm.showDeleteModal = false\n },\n },\n },\n [_vm._v(\"Cancel\")]\n ),\n ]),\n ]),\n ]\n )\n : _vm._e(),\n ]\n ),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"i\", { staticClass: \"fal fa-plus-square\" }),\n ])\n },\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"span\", { staticClass: \"icon\" }, [\n _c(\"i\", { staticClass: \"fal fa-trash-alt\" }),\n ])\n },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _vm.show\n ? _c(\"div\", { staticClass: \"modal\" }, [\n _c(\"div\", {\n staticClass: \"modal__backdrop\",\n on: {\n click: function ($event) {\n return _vm.closeModal()\n },\n },\n }),\n _c(\"div\", { staticClass: \"modal__dialog\" }, [\n _c(\n \"div\",\n { staticClass: \"modal__header\" },\n [\n _vm._t(\"header\"),\n _c(\n \"button\",\n {\n staticClass: \"modal__close\",\n attrs: { type: \"button\" },\n on: {\n click: function ($event) {\n return _vm.closeModal()\n },\n },\n },\n [\n _c(\n \"svg\",\n {\n attrs: {\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 352 512\",\n },\n },\n [\n _c(\"path\", {\n attrs: {\n fill: \"currentColor\",\n d: \"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\",\n },\n }),\n ]\n ),\n ]\n ),\n ],\n 2\n ),\n _c(\"div\", { staticClass: \"modal__body\" }, [_vm._t(\"body\")], 2),\n _c(\"div\", { staticClass: \"modal__footer\" }, [_vm._t(\"footer\")], 2),\n ]),\n ])\n : _vm._e(),\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","/**\n * Returns a function, that, as long as it continues to be invoked, will not\n * be triggered. The function will be called after it stops being called for\n * N milliseconds. If `immediate` is passed, trigger the function on the\n * leading edge, instead of the trailing. The function also has a property 'clear' \n * that is a function which will clear the timer to prevent previously scheduled executions. \n *\n * @source underscore.js\n * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/\n * @param {Function} function to wrap\n * @param {Number} timeout in ms (`100`)\n * @param {Boolean} whether to execute at the beginning (`false`)\n * @api public\n */\nfunction debounce(func, wait, immediate){\n var timeout, args, context, timestamp, result;\n if (null == wait) wait = 100;\n\n function later() {\n var last = Date.now() - timestamp;\n\n if (last < wait && last >= 0) {\n timeout = setTimeout(later, wait - last);\n } else {\n timeout = null;\n if (!immediate) {\n result = func.apply(context, args);\n context = args = null;\n }\n }\n };\n\n var debounced = function(){\n context = this;\n args = arguments;\n timestamp = Date.now();\n var callNow = immediate && !timeout;\n if (!timeout) timeout = setTimeout(later, wait);\n if (callNow) {\n result = func.apply(context, args);\n context = args = null;\n }\n\n return result;\n };\n\n debounced.clear = function() {\n if (timeout) {\n clearTimeout(timeout);\n timeout = null;\n }\n };\n \n debounced.flush = function() {\n if (timeout) {\n result = func.apply(context, args);\n context = args = null;\n \n clearTimeout(timeout);\n timeout = null;\n }\n };\n\n return debounced;\n};\n\n// Adds compatibility for ES modules\ndebounce.debounce = debounce;\n\nmodule.exports = debounce;\n","/*!\n * FilePondPluginFileRename 1.1.8\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n\n(function(global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined'\n ? (module.exports = factory())\n : typeof define === 'function' && define.amd\n ? define(factory)\n : ((global = global || self),\n (global.FilePondPluginFileRename = factory()));\n})(this, function() {\n 'use strict';\n\n var plugin = function plugin(_ref) {\n var addFilter = _ref.addFilter,\n utils = _ref.utils;\n\n // get quick reference to Type utils\n var Type = utils.Type,\n renameFile = utils.renameFile,\n isFile = utils.isFile,\n getExtensionFromFilename = utils.getExtensionFromFilename,\n getFilenameWithoutExtension = utils.getFilenameWithoutExtension;\n\n // called for each file that is loaded\n // right before it is set to the item state\n // should return a promise\n addFilter('LOAD_FILE', function(file, _ref2) {\n var query = _ref2.query;\n return new Promise(function(resolve, reject) {\n // reject\n var allowFileRename = query('GET_ALLOW_FILE_RENAME');\n var renameFunction = query('GET_FILE_RENAME_FUNCTION');\n if (!isFile(file) || !allowFileRename || !renameFunction) {\n resolve(file);\n return;\n }\n\n // can either return a name or a promise\n var newFilename = renameFunction({\n name: file.name,\n basename: getFilenameWithoutExtension(file.name),\n extension: '.'.concat(getExtensionFromFilename(file.name))\n });\n\n // renames the file and resolves\n var rename = function rename(name) {\n resolve(renameFile(file, name));\n };\n\n // has returned new filename immidiately\n if (typeof newFilename === 'string') {\n rename(newFilename);\n return;\n }\n\n // is promise\n newFilename.then(rename);\n });\n });\n\n return {\n options: {\n // Enable or disable file renaming\n allowFileRename: [true, Type.BOOLEAN],\n\n // Rename function to run for this\n fileRenameFunction: [null, Type.FUNCTION]\n }\n };\n };\n\n // fire pluginloaded event if running in browser, this allows registering the plugin when using async script tags\n var isBrowser =\n typeof window !== 'undefined' && typeof window.document !== 'undefined';\n if (isBrowser) {\n document.dispatchEvent(\n new CustomEvent('FilePond:pluginloaded', { detail: plugin })\n );\n }\n\n return plugin;\n});\n","// style-loader: Adds some css to the DOM by adding a