Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision
  • ci
  • develop
  • livewire
  • master
  • 0.0.7
  • 0.1.0
  • 0.1.1
  • 0.2.0
  • 0.2.1
  • 0.2.2
  • 0.2.3
  • 0.2.4
  • 0.2.5
  • 0.2.6
14 results

Target

Select target project
  • milkmedia/getcontent
1 result
Select Git revision
  • ci
  • develop
  • livewire
  • master
  • 0.0.7
  • 0.1.0
  • 0.1.1
  • 0.2.0
  • 0.2.1
  • 0.2.2
  • 0.2.3
  • 0.2.4
  • 0.2.5
  • 0.2.6
14 results
Show changes
Commits on Source (3)
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 277 additions and 118453 deletions
composer.json
View file @ b069c33d
......@@ -2,7 +2,7 @@
"name": "milkmedia/getcontent",
"description": "GetContent CMS",
"license": "MIT",
"version": "0.1.0",
"version": "0.1.1",
"authors": [
{
"name": "Rich Standbrook",
......
mix-manifest.json
View file @ b069c33d
......@@ -2,6 +2,11 @@
"/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css",
"/css/element.css": "/css/element.css",
"/js/app.js.map": "/js/app.js.map",
"/css/app.css.map": "/css/app.css.map",
"/css/element.css.map": "/css/element.css.map",
"/js/vendor.js": "/js/vendor.js",
"/js/manifest.js": "/js/manifest.js"
"/js/vendor.js.map": "/js/vendor.js.map",
"/js/manifest.js": "/js/manifest.js",
"/js/manifest.js.map": "/js/manifest.js.map"
}
package.json
View file @ b069c33d
{
"name": "getcontent",
"version": "0.1.0",
"version": "0.1.1",
"description": "GetContent CMS is a [Laravel](https://laravel.com) package that provides an unstructured, headless content API to use within your own Laravel project. It comes with an user interface to manage content and media out of the box.",
"main": "index.js",
"directories": {
......
public/css/app.css
View file @ b069c33d
This diff is collapsed.
public/css/element.css
View file @ b069c33d
This diff is collapsed.
public/js/app.js
View file @ b069c33d
This diff is collapsed.
public/js/app.js.map
View file @ b069c33d
This diff is collapsed.
public/js/manifest.js
View file @ b069c33d
/******/ (function(modules) { // webpackBootstrap
/******/ // install a JSONP callback for chunk loading
/******/ var parentJsonpFunction = window["webpackJsonp"];
/******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [], result;
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ modules[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
/******/ if(executeModules) {
/******/ for(i=0; i < executeModules.length; i++) {
/******/ result = __webpack_require__(__webpack_require__.s = executeModules[i]);
/******/ }
/******/ }
/******/ return result;
/******/ };
/******/
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // objects to store loaded and loading chunks
/******/ var installedChunks = {
/******/ 2: 0
/******/ };
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/vendor/milkmedia/getcontent/";
/******/
/******/ // on error function for async loading
/******/ __webpack_require__.oe = function(err) { console.error(err); throw err; };
/******/ })
/************************************************************************/
/******/ ([]);
\ No newline at end of file
!function(n){var r=window.webpackJsonp;window.webpackJsonp=function(e,c,u){for(var i,f,p,a=0,l=[];a<e.length;a++)f=e[a],t[f]&&l.push(t[f][0]),t[f]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(n[i]=c[i]);for(r&&r(e,c,u);l.length;)l.shift()();if(u)for(a=0;a<u.length;a++)p=o(o.s=u[a]);return p};var e={},t={2:0};function o(r){if(e[r])return e[r].exports;var t=e[r]={i:r,l:!1,exports:{}};return n[r].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=e,o.d=function(n,r,e){o.o(n,r)||Object.defineProperty(n,r,{configurable:!1,enumerable:!0,get:e})},o.n=function(n){var r=n&&n.__esModule?function(){return n.default}:function(){return n};return o.d(r,"a",r),r},o.o=function(n,r){return Object.prototype.hasOwnProperty.call(n,r)},o.p="/vendor/milkmedia/getcontent/",o.oe=function(n){throw console.error(n),n}}([]);
//# sourceMappingURL=manifest.js.map
\ No newline at end of file
public/js/manifest.js.map
View file @ b069c33d
{"version":3,"sources":["webpack:///webpack/bootstrap 210eebbbce1e8c7e561e"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,gCAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"/js/manifest.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/vendor/milkmedia/getcontent/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 210eebbbce1e8c7e561e"],"sourceRoot":""}
\ No newline at end of file
{"version":3,"sources":["webpack:///webpack/bootstrap 908888844501902cef08"],"names":["parentJsonpFunction","window","chunkIds","moreModules","executeModules","moduleId","chunkId","result","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","shift","__webpack_require__","s","installedModules","2","exports","module","l","m","c","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","p","oe","err","console","error"],"mappings":"aACA,IAAAA,EAAAC,OAAA,aACAA,OAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,IAAAC,EAAAC,EAAAC,EAAAC,EAAA,EAAAC,KACQD,EAAAN,EAAAQ,OAAoBF,IAC5BF,EAAAJ,EAAAM,GACAG,EAAAL,IACAG,EAAAG,KAAAD,EAAAL,GAAA,IAEAK,EAAAL,GAAA,EAEA,IAAAD,KAAAF,EACAU,OAAAC,UAAAC,eAAAC,KAAAb,EAAAE,KACAY,EAAAZ,GAAAF,EAAAE,IAIA,IADAL,KAAAE,EAAAC,EAAAC,GACAK,EAAAC,QACAD,EAAAS,OAAAT,GAEA,GAAAL,EACA,IAAAI,EAAA,EAAYA,EAAAJ,EAAAM,OAA2BF,IACvCD,EAAAY,IAAAC,EAAAhB,EAAAI,IAGA,OAAAD,GAIA,IAAAc,KAGAV,GACAW,EAAA,GAIA,SAAAH,EAAAd,GAGA,GAAAgB,EAAAhB,GACA,OAAAgB,EAAAhB,GAAAkB,QAGA,IAAAC,EAAAH,EAAAhB,IACAG,EAAAH,EACAoB,GAAA,EACAF,YAUA,OANAN,EAAAZ,GAAAW,KAAAQ,EAAAD,QAAAC,IAAAD,QAAAJ,GAGAK,EAAAC,GAAA,EAGAD,EAAAD,QAKAJ,EAAAO,EAAAT,EAGAE,EAAAQ,EAAAN,EAGAF,EAAAS,EAAA,SAAAL,EAAAM,EAAAC,GACAX,EAAAY,EAAAR,EAAAM,IACAhB,OAAAmB,eAAAT,EAAAM,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMAX,EAAAiB,EAAA,SAAAZ,GACA,IAAAM,EAAAN,KAAAa,WACA,WAA2B,OAAAb,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAL,EAAAS,EAAAE,EAAA,IAAAA,GACAA,GAIAX,EAAAY,EAAA,SAAAO,EAAAC,GAAsD,OAAA1B,OAAAC,UAAAC,eAAAC,KAAAsB,EAAAC,IAGtDpB,EAAAqB,EAAA,gCAGArB,EAAAsB,GAAA,SAAAC,GAA8D,MAApBC,QAAAC,MAAAF,GAAoBA","file":"/js/manifest.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/vendor/milkmedia/getcontent/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 908888844501902cef08"],"sourceRoot":""}
\ No newline at end of file
public/js/vendor.js
View file @ b069c33d
This diff is collapsed.
public/js/vendor.js.map
View file @ b069c33d
This diff is collapsed.
resources/views/fields/media.blade.php
View file @ b069c33d
<figure>
<img src="{{array_get($field, 'model.0.url')}}" alt="{{array_get($field, 'model.0.name')}}">
</figure>
<section>
@foreach($field['model'] as $image)
<figure>
<img src="/_image{{array_get($image, 'url')}}" alt="{{array_get($image, 'alt')}}"
class="{{array_get($field, 'css_class')}} {{array_get($field, 'options.image_size')}}">
@if(array_has($field, 'caption'))
<figcaption>
{{array_get($field, 'caption')}}
</figcaption>
@endif
</figure>
@endforeach
</section>
src/Document.php
View file @ b069c33d
......@@ -111,6 +111,21 @@ class Document extends Model implements AuditableContract
return $query;
}
/**
* Removes global scopes that restrict to
* published and approved documents
*
* @param $query
*
* @return mixed
*/
public function scopePreview($query)
{
return $query
->withoutGlobalScope('published')
->withoutGlobalScope('approved');
}
/**
* @return \Illuminate\Support\Collection
*/
......
src/GetContent.php
View file @ b069c33d
......@@ -6,7 +6,7 @@ use Illuminate\Support\Facades\Route;
class GetContent
{
public static $VERSION = '0.1.0';
public static $VERSION = '0.1.1';
/**
* Returns the absolute class path for the route action controller
......
src/Http/Controllers/DocumentController.php
View file @ b069c33d
......@@ -10,7 +10,13 @@ class DocumentController extends Controller
{
public function show(Request $request, $slug = null)
{
$document = Document::bySlug($slug)->first();
$documentQuery = Document::bySlug($slug);
if ($request->has('preview') && auth()->user()) {
$documentQuery->preview();
}
$document = $documentQuery->first();
$views = GetContent::viewsFromSegments($request->segments(), $document && $document->exists);
if (!$slug) {
......
src/frontend/js/components/ComponentInspector.vue
View file @ b069c33d
<template>
<section class="p-3">
<header class="mb-6 text-sm font-bold uppercase text-grey-light">{{name}}</header>
<header class="mb-6 text-sm font-bold uppercase text-grey-light">
{{ name }}
</header>
<section class="my-8" v-if="field && field.options">
<label v-if="field.type === 'media'">
<span class="block text-grey-light mb-1">Image Size</span>
<input-select
dark
v-model="field.options.image_size"
:options="{sm: 'Small', md: 'Medium', lg: 'Large'}"
class="w-full"
></input-select>
</label>
</section>
<section class="my-8" v-if="block && block.content.options">
<component-inspector-option v-for="(option, key) in block.content.options" :key="key"
:option="option" :name="key" :field="field"
class="my-3"
<component-inspector-option
v-for="(option, key) in block.content.options"
:key="key"
:option="option"
:name="key"
:field="field"
class="my-3"
></component-inspector-option>
</section>
<section class="my-8">
<header class="my-3 text-xs font-bold uppercase tracking-wide divider">Advanced</header>
<header class="my-3 text-xs font-bold uppercase tracking-wide divider">
Advanced
</header>
<fieldset>
<label>
<span class="block text-grey-light mb-1">Variable</span>
<input-text dark v-model="field.variable" class="w-full text-sm font-mono"></input-text>
<span class="block mt-1 text-xs text-grey-dark">Variable used to identify field in a view</span>
<input-text
dark
v-model="field.variable"
class="w-full text-sm font-mono"
></input-text>
<span class="block mt-1 text-xs text-grey-dark"
>Variable used to identify field in a view</span
>
</label>
<label class="block mt-3">
<span class="block text-grey-light mb-1">CSS</span>
<input-text dark v-model="field.css_class" class="w-full text-sm font-mono"></input-text>
<span class="block mt-1 text-xs text-grey-dark">CSS classes available to the field view</span>
<input-text
dark
v-model="field.css_class"
class="w-full text-sm font-mono"
></input-text>
<span class="block mt-1 text-xs text-grey-dark"
>CSS classes available to the field view</span
>
</label>
</fieldset>
</section>
......@@ -28,38 +60,40 @@
</template>
<script>
import { isUndefined } from "lodash";
import ComponentInspectorOption from "./ComponentInspectorOption";
export default {
components: {
ComponentInspectorOption
},
import { isUndefined } from "lodash";
import ComponentInspectorOption from "./ComponentInspectorOption";
props: {
field: {
required: true
}
},
export default {
components: {
ComponentInspectorOption
},
computed: {
block() {
if (!this.field.block) {
return null;
props: {
field: {
required: true
}
return this.$store.getters["Templates/bySlug"](this.field.block.slug);
},
name() {
return this.block ? this.block.name : this.field.type;
}
},
computed: {
block() {
if (!this.field.block) {
return null;
}
return this.$store.getters["Templates/bySlug"](this.field.block.slug);
},
name() {
return this.block ? this.block.name : this.field.type;
}
},
created() {
if (this.block && isUndefined(this.field.options)) {
this.field.options = {};
watch: {
field() {
if (isUndefined(this.field.options)) {
this.field.options = {};
}
}
}
}
};
};
</script>
src/frontend/js/components/DocumentBuilderInspector.vue
View file @ b069c33d
<template>
<div class="flex flex-col w-full bg-grey-darkest text-grey m-2 rounded shadow">
<tabs :selected-tab.sync="selectedInspectorTab" class="flex flex-col flex-grow">
<div
class="flex flex-col w-full bg-grey-darkest text-grey m-2 rounded shadow"
>
<tabs
:selected-tab.sync="selectedInspectorTab"
class="flex flex-col flex-grow"
>
<tab id="field" label="Field">
<component-inspector
v-if="selectedField"
:field="selectedField"
></component-inspector>
</tab>
<tab id="document" label="Document" selected class="p-4 flex flex-col justify-between flex-grow">
<tab
id="document"
label="Document"
selected
class="p-4 flex flex-col justify-between flex-grow"
>
<section class="flex-grow overflow-scroll">
<fieldset>
<label class="block mt-3">
<span class="block text-grey-light mb-1">Slug</span>
<input-text v-model="document.slug" dark class="text-sm w-full"></input-text>
<span class="block mt-1 text-xs text-grey-dark">Short text used in the URL to identify the document</span>
<input-text
v-model="document.slug"
dark
class="text-sm w-full"
></input-text>
<span class="block mt-1 text-xs text-grey-dark"
>Short text used in the URL to identify the document</span
>
</label>
<label class="block mt-3">
<span class="block text-grey-light mb-1">Status</span>
<input-select v-model="document.status" :options="documentStatusOptions"
dark class="text-sm w-full"></input-select>
<span class="block mt-1 text-xs text-grey-dark">Draft documents wont be publicly visible</span>
<input-select
v-model="document.status"
:options="documentStatusOptions"
dark
class="text-sm w-full"
></input-select>
<span class="block mt-1 text-xs text-grey-dark"
>Draft documents wont be publicly visible</span
>
</label>
<label class="block mt-3">
<span class="block text-grey-light mb-1">Publish</span>
<input-select v-model="publish"
:options="{immediately: 'Immediately', scheduled: 'Schedule for …'}"
dark class="text-sm w-full"
<input-select
v-model="publish"
:options="{
immediately: 'Immediately',
scheduled: 'Schedule for …'
}"
dark
class="text-sm w-full"
></input-select>
</label>
<label v-if="publish === 'scheduled'">
<input-date v-model="document.published_at" class="w-full"></input-date>
<input-date
v-model="document.published_at"
class="w-full"
></input-date>
</label>
</fieldset>
</section>
<footer class="text-xs" v-if="document.id">
<p class="my-3 text-xs font-bold uppercase tracking-wide divider">Details</p>
<p class="my-3 text-xs font-bold uppercase tracking-wide divider">
Details
</p>
<p class="mb-2">
<strong>Document UUID:</strong>
<span class="select-text font-mono">{{document.uuid}}</span>
<span class="select-text font-mono">{{ document.uuid }}</span>
</p>
<p class="mb-2">Created: {{document.created_at}}</p>
<p class="mb-2">Updated: {{document.updated_at}}</p>
<p class="mb-2">Created: {{ document.created_at }}</p>
<p class="mb-2">Updated: {{ document.updated_at }}</p>
<div class="mt-3 text-center">
<delete-document-button :document="document"></delete-document-button>
<delete-document-button
:document="document"
></delete-document-button>
</div>
</footer>
</tab>
</tabs>
......
src/frontend/js/components/FileUpload.vue
View file @ b069c33d
......@@ -5,16 +5,17 @@
:post-action="postAction"
:headers="headers"
:multiple="true"
:drop="true"
:drop="drop"
:drop-directory="true"
accept="image/jpeg, image/png, application/pdf"
accept="image/*,application/pdf"
@input="inputFile"
class="flex-inline items-center justify-center
mr-2 px-3 py-2 rounded
text-center leading-none el-tooltip bg-blue text-white hover:bg-blue-dark leading-normal"
>
<svg-icon name="bold/upload-bottom" class="w-4 h-4 fill mr-1"></svg-icon>
Upload file
<slot>
<input-button type="solid" class="w-full">
<svg-icon name="bold/upload-bottom" class="w-4 h-4 fill mr-1"></svg-icon>
Upload file
</input-button>
</slot>
<section
class="fixed pin-t pin-l w-full pointer-events-none z-10 flex justify-center"
......@@ -30,8 +31,9 @@
</section>
<div
v-show="$refs.upload && $refs.upload.dropActive"
class="fixed pin z-50 flex justify-center items-center bg-black-o text-white text-2xl font-bold text-center"
v-show="dropOverlay && $refs.upload && $refs.upload.dropActive"
class="flex justify-center items-center bg-black-o text-white text-2xl font-bold text-center"
:class="dropOverlayClass"
>
<transition name="pop">
<section v-show="$refs.upload && $refs.upload.dropActive">
......@@ -47,7 +49,7 @@
</template>
<script>
import { every, each } from "lodash";
import { map, every, each } from "lodash";
import VueUploadComponent from "vue-upload-component";
import FileUploadItem from "./FileUploadItem";
......@@ -60,6 +62,20 @@ export default {
props: {
path: {
default: null
},
drop: {
default: true
},
dropOverlay: {
type: Boolean,
default: true
},
dropOverlayClass: {
type: String,
default: "fixed pin z-50"
}
},
......@@ -99,9 +115,10 @@ export default {
each(this.uploadQueue, file => {
this.$store.commit("Files/addFile", file.response.data);
this.$emit("upload-complete", file.response.data);
});
this.$emit("complete");
this.$emit("complete", map(this.uploadQueue, "response.data"));
setTimeout(this.clearQueue, 500);
}
}
......
src/frontend/js/components/fields/MediaFieldComponent/index.vue
View file @ b069c33d
<template>
<div class="p-3">
<file-list :files="files" removable>
<figure
<div
slot="lastItem"
key="addMedia"
ref="addMedia"
v-if="!field.max_files || field.model.length < field.max_files"
@click="mediaBrowserOpen = true"
class="flex items-center justify-center border-4 border-dotted hover:border-blue text-grey hover:text-blue rounded-lg"
class="relative h-full w-full flex flex-col items-center justify-center py-2 px-3 bg-grey-lightest rounded-lg"
>
<svg-icon name="bold/add-circle" class="fill w-10 m-8"></svg-icon>
</figure>
<input-button
@click="mediaBrowserOpen = true"
class="w-full mb-1 text-sm"
>
<svg-icon name="bold/add-circle" class="fill w-4 h-4 mr-1"></svg-icon>
Media
</input-button>
<file-upload
@upload-complete="addFile"
:drop="$refs.addMedia"
:drop-overlay="false"
class="w-full text-sm"
>
<input-button type="text" color="grey-darkest">
<svg-icon
name="bold/upload-bottom"
class="w-4 h-4 fill mr-1"
></svg-icon>
Upload file
</input-button>
</file-upload>
</div>
</file-list>
<portal to="modals" v-if="mediaBrowserOpen">
......@@ -26,12 +46,14 @@
import { isNil } from "lodash";
import MediaBrowserModal from "../../MediaBrowserModal";
import FileList from "../../FileList";
import FileUpload from "../../FileUpload";
export default {
name: "Media",
icon: "fields/media",
components: {
FileUpload,
MediaBrowserModal,
FileList
},
......
src/frontend/js/pages/DocumentBuilder.vue
View file @ b069c33d
......@@ -9,7 +9,7 @@
<section class="text-sm leading-none">
<input-button
:type="arrangeFields ? 'solid' : 'text'"
@click="arrangeFields = !arrangeFields;"
@click="arrangeFields = !arrangeFields"
>
<svg-icon
name="bold/arrange"
......@@ -20,13 +20,14 @@
<input-button type="text" color="grey" @click="close"
>Close</input-button
>
<input-button @click="preview">Preview</input-button>
<input-button
type="solid"
color="green"
class="relative px-4 font-bold"
@click="save"
>
Save
Save {{ document.status === "draft" ? "Draft" : null }}
<span
v-if="dirty"
class="absolute block pin-t pin-r w-3 h-3 -mt-1 -mr-1 rounded-full bg-orange border border-white animated bounce"
......@@ -59,8 +60,8 @@
v-for="(field, id) in document.content.fields"
:key="id"
v-model="document.content.fields[id]"
@remove="removeField(id);"
@click="selectField(field);"
@remove="removeField(id)"
@click="selectField(field)"
class="field-component my-6"
:class="{ 'selected-field': selectedField === field }"
:selected="selectedField === field"
......@@ -89,10 +90,10 @@
>
<p>You have unsaved changes that will be lost.</p>
<template slot="footer">
<input-button type="text" color="orange" @click="continueLeaving();"
<input-button type="text" color="orange" @click="continueLeaving()"
>Ok, discard changes</input-button
>
<input-button type="solid" @click="confirmLeave = false;"
<input-button type="solid" @click="confirmLeave = false"
>No, go back</input-button
>
</template>
......@@ -101,7 +102,7 @@
</template>
<script>
import { cloneDeep, isEqualWith } from "lodash";
import { cloneDeep, isEqualWith, mapValues, keyBy } from "lodash";
import draggable from "vuedraggable";
import ComponentContainer from "../components/ComponentContainer";
import ComponentPreview from "../components/ComponentPreview";
......@@ -136,7 +137,8 @@ export default {
arrangeFields: false,
confirmRemoval: false,
selectedField: null,
inspectorTab: "document"
inspectorTab: "document",
typeCount: {}
}),
computed: {
......@@ -195,11 +197,34 @@ export default {
if (this.document && this.document.content === undefined) {
this.document.content = { fields: [] };
}
if (
this.document &&
(this.document.model === undefined || !this.document.model.length)
) {
// this.document.model = this.modelFromContent();
}
},
modelFromContent() {
let fields = keyBy(this.document.content.fields, field => {
if (!field.variable) {
this.typeCount[field.type]
? this.typeCount[field.type]++
: (this.typeCount[field.type] = 1);
field.variable = `${field.type}${typeCount[field.type]}`;
}
return field.variable;
});
return mapValues(fields, "model");
},
addField(type, block = null) {
let newField = {
type: type
type: type,
model: null
};
if (block) {
......@@ -217,6 +242,10 @@ export default {
this.document.content.fields.splice(fieldIndex, 1);
},
preview() {
window.open(`${this.document.slug}?preview`);
},
close() {
if (this.group) {
return this.$router.push({
......