index field

DigitalCloud · Feb 25, 2019 · c87db25 · c87db25
1 parent 0cce2f5
commit c87db25
Show file tree

Hide file tree

Showing 3 changed files with 102 additions and 3 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
@@ -10475,7 +10475,8 @@ Nova.booting(function (Vue, router) {
     Vue.component('dce-status-list', __webpack_require__(18));
     Vue.component('dce-statuses-wrapper', __webpack_require__(4));
     Vue.component('detail-dce-status-field', __webpack_require__(23));
-    Vue.component('detail-dce-statuses-field', __webpack_require__(26));
+    Vue.component('index-dce-status-field', __webpack_require__(26));
+    Vue.component('detail-dce-statuses-field', __webpack_require__(29));
 });
 
 /***/ }),
@@ -13463,6 +13464,93 @@ var Component = normalizeComponent(
   __vue_scopeId__,
   __vue_module_identifier__
 )
+Component.options.__file = "resources/js/components/IndexField.vue"
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-9e63f81a", Component.options)
+  } else {
+    hotAPI.reload("data-v-9e63f81a", Component.options)
+  }
+  module.hot.dispose(function (data) {
+    disposed = true
+  })
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+/* 27 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
+//
+//
+//
+//
+//
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+    props: ['resourceName', 'field']
+});
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _vm.field.asHtml
+    ? _c("div", { domProps: { innerHTML: _vm._s(_vm.field.value) } })
+    : _c("span", { staticClass: "whitespace-no-wrap" }, [
+        _vm._v(_vm._s(_vm.field.value))
+      ])
+}
+var staticRenderFns = []
+render._withStripped = true
+module.exports = { render: render, staticRenderFns: staticRenderFns }
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+    require("vue-hot-reload-api")      .rerender("data-v-9e63f81a", module.exports)
+  }
+}
+
+/***/ }),
+/* 29 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var disposed = false
+var normalizeComponent = __webpack_require__(0)
+/* script */
+var __vue_script__ = __webpack_require__(30)
+/* template */
+var __vue_template__ = __webpack_require__(31)
+/* template functional */
+var __vue_template_functional__ = false
+/* styles */
+var __vue_styles__ = null
+/* scopeId */
+var __vue_scopeId__ = null
+/* moduleIdentifier (server only) */
+var __vue_module_identifier__ = null
+var Component = normalizeComponent(
+  __vue_script__,
+  __vue_template__,
+  __vue_template_functional__,
+  __vue_styles__,
+  __vue_scopeId__,
+  __vue_module_identifier__
+)
 Component.options.__file = "resources/js/components/StatusesField.vue"
 
 /* hot reload */
@@ -13485,7 +13573,7 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 27 */
+/* 30 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13522,7 +13610,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 });
 
 /***/ }),
-/* 28 */
+/* 31 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var render = function() {

diff --git a/resources/js/components/IndexField.vue b/resources/js/components/IndexField.vue
@@ -0,0 +1,10 @@
+<template>
+    <div v-if="field.asHtml" v-html="field.value"></div>
+    <span v-else class="whitespace-no-wrap">{{ field.value }}</span>
+</template>
+
+<script>
+export default {
+    props: ['resourceName', 'field'],
+}
+</script>
diff --git a/resources/js/field.js b/resources/js/field.js
@@ -4,5 +4,6 @@ Nova.booting((Vue, router) => {
     Vue.component('dce-status-list', require('./components/StatusList'));
     Vue.component('dce-statuses-wrapper', require('./components/StatusesWrapper'));
     Vue.component('detail-dce-status-field', require('./components/StatusField'));
+    Vue.component('index-dce-status-field', require('./components/IndexField'));
     Vue.component('detail-dce-statuses-field', require('./components/StatusesField'));
 })