Julio Montoya
5 years ago
parent
2a68cd6a43
commit
e0f24d5723
@ -0,0 +1,43 @@ |
|||||||
|
<template> |
||||||
|
<v-container fluid> |
||||||
|
<v-row> |
||||||
|
<v-col cols="12" sm="6" md="6"> |
||||||
|
<v-text-field |
||||||
|
v-model="item.title" |
||||||
|
:label="$t('title')" |
||||||
|
type="text" |
||||||
|
/> |
||||||
|
</v-col> |
||||||
|
|
||||||
|
<v-row cols="12"></v-row> |
||||||
|
</v-row> |
||||||
|
|
||||||
|
</v-container> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'DocumentsFilter', |
||||||
|
props: { |
||||||
|
values: { |
||||||
|
type: Object, |
||||||
|
required: true |
||||||
|
} |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return {}; |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
}, |
||||||
|
|
||||||
|
computed: { |
||||||
|
// eslint-disable-next-line |
||||||
|
item() { |
||||||
|
return this.initialValues || this.values; |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
<template> |
||||||
|
<router-view></router-view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'DocumentsLayout' |
||||||
|
} |
||||||
|
</script> |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
export default { |
||||||
|
path: '/resources/documents', |
||||||
|
name: 'documents', |
||||||
|
component: () => import('../components/documents/Layout'), |
||||||
|
redirect: { name: 'DocumentsList' }, |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
name: 'DocumentsList', |
||||||
|
path: '', |
||||||
|
component: () => import('../views/documents/List') |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: 'DocumentsCreate', |
||||||
|
path: 'new', |
||||||
|
component: () => import('../views/documents/Create') |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: 'DocumentsCreateFile', |
||||||
|
path: 'new', |
||||||
|
component: () => import('../views/documents/CreateFile') |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: 'DocumentsUpdate', |
||||||
|
path: ':id/edit', |
||||||
|
component: () => import('../views/documents/Update') |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: 'DocumentsShow', |
||||||
|
path: ':id', |
||||||
|
component: () => import('../views/documents/Show') |
||||||
|
} |
||||||
|
] |
||||||
|
}; |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
import makeService from './api'; |
||||||
|
|
||||||
|
export default makeService('documents'); |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<Toolbar :handle-submit="onSendForm" :handle-reset="resetForm"></Toolbar> |
||||||
|
<DocumentsForm ref="createForm" :values="item" :errors="violations" /> |
||||||
|
<Loading :visible="isLoading" /> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { mapActions } from 'vuex'; |
||||||
|
import { createHelpers } from 'vuex-map-fields'; |
||||||
|
import DocumentsForm from '../../components/documents/Form'; |
||||||
|
import Loading from '../../components/Loading'; |
||||||
|
import Toolbar from '../../components/Toolbar'; |
||||||
|
import CreateMixin from '../../mixins/CreateMixin'; |
||||||
|
|
||||||
|
const servicePrefix = 'Documents'; |
||||||
|
|
||||||
|
const { mapFields } = createHelpers({ |
||||||
|
getterType: 'documents/getField', |
||||||
|
mutationType: 'documents/updateField' |
||||||
|
}); |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'DocumentsCreate', |
||||||
|
servicePrefix, |
||||||
|
mixins: [CreateMixin], |
||||||
|
components: { |
||||||
|
Loading, |
||||||
|
Toolbar, |
||||||
|
DocumentsForm |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
item: {} |
||||||
|
}; |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
...mapFields(['error', 'isLoading', 'created', 'violations']) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
...mapActions('documents', ['create', 'reset']) |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<Toolbar :handle-submit="onSendForm" :handle-reset="resetForm"></Toolbar> |
||||||
|
<DocumentsForm ref="createForm" :values="item" :errors="violations" /> |
||||||
|
<Loading :visible="isLoading" /> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { mapActions } from 'vuex'; |
||||||
|
import { createHelpers } from 'vuex-map-fields'; |
||||||
|
import DocumentsForm from '../../components/documents/Form'; |
||||||
|
import Loading from '../../components/Loading'; |
||||||
|
import Toolbar from '../../components/Toolbar'; |
||||||
|
import CreateMixin from '../../mixins/CreateMixin'; |
||||||
|
|
||||||
|
const servicePrefix = 'Documents'; |
||||||
|
|
||||||
|
const { mapFields } = createHelpers({ |
||||||
|
getterType: 'documents/getField', |
||||||
|
mutationType: 'documents/updateField' |
||||||
|
}); |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'DocumentsCreate', |
||||||
|
servicePrefix, |
||||||
|
mixins: [CreateMixin], |
||||||
|
components: { |
||||||
|
Loading, |
||||||
|
Toolbar, |
||||||
|
DocumentsForm |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
item: {} |
||||||
|
}; |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
...mapFields(['error', 'isLoading', 'created', 'violations']) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
...mapActions('documents', ['create', 'reset']) |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
@ -0,0 +1,105 @@ |
|||||||
|
<template> |
||||||
|
<div class="documents-list"> |
||||||
|
<Toolbar |
||||||
|
:handle-add="addHandler" |
||||||
|
:handle-add-document="addDocumentHandler" |
||||||
|
/> |
||||||
|
|
||||||
|
<v-container grid-list-xl fluid> |
||||||
|
<v-layout row wrap> |
||||||
|
<v-flex lg12> |
||||||
|
<DataFilter :handle-filter="onSendFilter" :handle-reset="resetFilter"> |
||||||
|
<DocumentsFilterForm |
||||||
|
ref="filterForm" |
||||||
|
:values="filters" |
||||||
|
slot="filter" |
||||||
|
/> |
||||||
|
</DataFilter> |
||||||
|
<br /> |
||||||
|
|
||||||
|
<v-data-table |
||||||
|
v-model="selected" |
||||||
|
:headers="headers" |
||||||
|
:items="items" |
||||||
|
:items-per-page.sync="options.itemsPerPage" |
||||||
|
:loading="isLoading" |
||||||
|
:loading-text="$t('Loading...')" |
||||||
|
:options.sync="options" |
||||||
|
:server-items-length="totalItems" |
||||||
|
class="elevation-1" |
||||||
|
item-key="@id" |
||||||
|
show-select |
||||||
|
@update:options="onUpdateOptions" |
||||||
|
> |
||||||
|
<template slot="item.resourceNode" slot-scope="{ item }"> |
||||||
|
{{ item['@id'] }} |
||||||
|
</template> |
||||||
|
|
||||||
|
<ActionCell |
||||||
|
slot="item.action" |
||||||
|
slot-scope="props" |
||||||
|
:handle-show="() => showHandler(props.item)" |
||||||
|
:handle-edit="() => editHandler(props.item)" |
||||||
|
:handle-delete="() => deleteHandler(props.item)" |
||||||
|
></ActionCell> |
||||||
|
</v-data-table> |
||||||
|
</v-flex> |
||||||
|
</v-layout> |
||||||
|
</v-container> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { mapActions, mapGetters } from 'vuex'; |
||||||
|
import { mapFields } from 'vuex-map-fields'; |
||||||
|
import ListMixin from '../../mixins/ListMixin'; |
||||||
|
import ActionCell from '../../components/ActionCell'; |
||||||
|
import DocumentsFilterForm from '../../components/documents/Filter'; |
||||||
|
import DataFilter from '../../components/DataFilter'; |
||||||
|
import Toolbar from '../../components/Toolbar'; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'DocumentsList', |
||||||
|
servicePrefix: 'Documents', |
||||||
|
mixins: [ListMixin], |
||||||
|
components: { |
||||||
|
Toolbar, |
||||||
|
ActionCell, |
||||||
|
DocumentsFilterForm, |
||||||
|
DataFilter |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
headers: [ |
||||||
|
{text: 'Title', value: 'resourceNode.title', sortable: true}, |
||||||
|
{text: 'Last modified', value: 'resourceNode.updatedAt', sortable: true}, |
||||||
|
{ |
||||||
|
text: 'Actions', |
||||||
|
value: 'action', |
||||||
|
sortable: false |
||||||
|
} |
||||||
|
], |
||||||
|
selected: [] |
||||||
|
}; |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
...mapGetters('documents', { |
||||||
|
items: 'list' |
||||||
|
}), |
||||||
|
...mapFields('documents', { |
||||||
|
deletedItem: 'deleted', |
||||||
|
error: 'error', |
||||||
|
isLoading: 'isLoading', |
||||||
|
resetList: 'resetList', |
||||||
|
totalItems: 'totalItems', |
||||||
|
view: 'view' |
||||||
|
}) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
...mapActions('documents', { |
||||||
|
getPage: 'fetchAll', |
||||||
|
deleteItem: 'del' |
||||||
|
}) |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
@ -0,0 +1,98 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<Toolbar :handle-edit="editHandler" :handle-delete="del"> |
||||||
|
<template slot="left"> |
||||||
|
<v-toolbar-title v-if="item">{{ |
||||||
|
`${$options.servicePrefix} ${item['@id']}` |
||||||
|
}}</v-toolbar-title> |
||||||
|
</template> |
||||||
|
</Toolbar> |
||||||
|
|
||||||
|
<br /> |
||||||
|
|
||||||
|
<div v-if="item" class="table-documents-show"> |
||||||
|
<v-simple-table> |
||||||
|
<template slot="default"> |
||||||
|
<thead> |
||||||
|
<tr> |
||||||
|
<th>Field</th> |
||||||
|
<th>Value</th> |
||||||
|
<th>Field</th> |
||||||
|
<th>Value</th> |
||||||
|
</tr> |
||||||
|
</thead> |
||||||
|
<tbody> |
||||||
|
<tr> |
||||||
|
<td><strong>{{ $t('title') }}</strong></td> |
||||||
|
<td> |
||||||
|
{{ item['title'] }} |
||||||
|
</td> |
||||||
|
|
||||||
|
<td><strong>{{ $t('comment') }}</strong></td> |
||||||
|
<td> |
||||||
|
{{ item['comment'] }} |
||||||
|
</td> |
||||||
|
|
||||||
|
</tr> |
||||||
|
|
||||||
|
<tr> |
||||||
|
<td><strong>{{ $t('resourceNode') }}</strong></td> |
||||||
|
<td> |
||||||
|
{{ item['resourceNode'] && item['resourceNode'].name }} |
||||||
|
</td> |
||||||
|
<td></td> |
||||||
|
</tr> |
||||||
|
|
||||||
|
<tr> |
||||||
|
<td><strong>{{ $t('file') }}</strong></td> |
||||||
|
<td> |
||||||
|
<div v-if="item['resourceNode']['resourceFile']"> |
||||||
|
<img v-bind:src=" item['resourceNode']['resourceFile']['file'] " /> |
||||||
|
</div> |
||||||
|
<div v-else> |
||||||
|
- |
||||||
|
</div> |
||||||
|
</td> |
||||||
|
<td></td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</template> |
||||||
|
</v-simple-table> |
||||||
|
</div> |
||||||
|
|
||||||
|
<Loading :visible="isLoading" /> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { mapActions, mapGetters } from 'vuex'; |
||||||
|
import { mapFields } from 'vuex-map-fields'; |
||||||
|
import Loading from '../../components/Loading'; |
||||||
|
import ShowMixin from '../../mixins/ShowMixin'; |
||||||
|
import Toolbar from '../../components/Toolbar'; |
||||||
|
|
||||||
|
const servicePrefix = 'Documents'; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'DocumentsShow', |
||||||
|
servicePrefix, |
||||||
|
components: { |
||||||
|
Loading, |
||||||
|
Toolbar |
||||||
|
}, |
||||||
|
mixins: [ShowMixin], |
||||||
|
computed: { |
||||||
|
...mapFields('documents', { |
||||||
|
isLoading: 'isLoading' |
||||||
|
}), |
||||||
|
...mapGetters('documents', ['find']) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
...mapActions('documents', { |
||||||
|
deleteItem: 'del', |
||||||
|
reset: 'resetShow', |
||||||
|
retrieve: 'load' |
||||||
|
}) |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
@ -0,0 +1,61 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<Toolbar |
||||||
|
:handle-submit="onSendForm" |
||||||
|
:handle-reset="resetForm" |
||||||
|
:handle-delete="del" |
||||||
|
/> |
||||||
|
<DocumentsForm |
||||||
|
ref="updateForm" |
||||||
|
v-if="item" |
||||||
|
:values="item" |
||||||
|
:errors="violations" |
||||||
|
/> |
||||||
|
<Loading :visible="isLoading || deleteLoading" /> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { mapActions, mapGetters } from 'vuex'; |
||||||
|
import { mapFields } from 'vuex-map-fields'; |
||||||
|
import DocumentsForm from '../../components/documents/Form.vue'; |
||||||
|
import Loading from '../../components/Loading'; |
||||||
|
import Toolbar from '../../components/Toolbar'; |
||||||
|
import UpdateMixin from '../../mixins/UpdateMixin'; |
||||||
|
|
||||||
|
const servicePrefix = 'Documents'; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'DocumentsUpdate', |
||||||
|
servicePrefix, |
||||||
|
mixins: [UpdateMixin], |
||||||
|
components: { |
||||||
|
Loading, |
||||||
|
Toolbar, |
||||||
|
DocumentsForm |
||||||
|
}, |
||||||
|
|
||||||
|
computed: { |
||||||
|
...mapFields('documents', { |
||||||
|
deleteLoading: 'isLoading', |
||||||
|
isLoading: 'isLoading', |
||||||
|
error: 'error', |
||||||
|
updated: 'updated', |
||||||
|
violations: 'violations' |
||||||
|
}), |
||||||
|
...mapGetters('documents', ['find']) |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
methods: { |
||||||
|
...mapActions('documents', { |
||||||
|
createReset: 'resetCreate', |
||||||
|
deleteItem: 'del', |
||||||
|
delReset: 'resetDelete', |
||||||
|
retrieve: 'load', |
||||||
|
update: 'update', |
||||||
|
updateReset: 'resetUpdate' |
||||||
|
}) |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
/* For licensing terms, see /license.txt */ |
||||||
|
|
||||||
|
namespace Chamilo\CoreBundle\Controller; |
||||||
|
|
||||||
|
use Chamilo\CoreBundle\Entity\Resource\ResourceFile; |
||||||
|
use Symfony\Component\HttpFoundation\Request; |
||||||
|
use Symfony\Component\HttpKernel\Exception\BadRequestHttpException; |
||||||
|
|
||||||
|
class CreateMediaObjectAction |
||||||
|
{ |
||||||
|
public function __invoke(Request $request): ResourceFile |
||||||
|
{ |
||||||
|
$uploadedFile = $request->files->get('file'); |
||||||
|
if (!$uploadedFile) { |
||||||
|
throw new BadRequestHttpException('"file" is required'); |
||||||
|
} |
||||||
|
|
||||||
|
$resourceFile = new ResourceFile(); |
||||||
|
$resourceFile->setFile($uploadedFile); |
||||||
|
|
||||||
|
return $resourceFile; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,72 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
/* For licensing terms, see /license.txt */ |
||||||
|
|
||||||
|
namespace Chamilo\CoreBundle\EventSubscriber; |
||||||
|
|
||||||
|
use ApiPlatform\Core\EventListener\EventPriorities; |
||||||
|
use ApiPlatform\Core\Util\RequestAttributesExtractor; |
||||||
|
use Chamilo\CoreBundle\Entity\Resource\ResourceFile; |
||||||
|
use Symfony\Component\EventDispatcher\EventSubscriberInterface; |
||||||
|
use Symfony\Component\HttpFoundation\Response; |
||||||
|
use Symfony\Component\HttpKernel\Event\ViewEvent; |
||||||
|
use Symfony\Component\HttpKernel\KernelEvents; |
||||||
|
use Symfony\Component\Routing\Generator\UrlGeneratorInterface; |
||||||
|
use Symfony\Component\Routing\RouterInterface; |
||||||
|
use Vich\UploaderBundle\Storage\StorageInterface; |
||||||
|
|
||||||
|
class ResolveResourceFileContentUrlSubscriber implements EventSubscriberInterface |
||||||
|
{ |
||||||
|
private $storage; |
||||||
|
private $generator; |
||||||
|
|
||||||
|
public function __construct(StorageInterface $storage, UrlGeneratorInterface $generator) |
||||||
|
{ |
||||||
|
$this->storage = $storage; |
||||||
|
$this->generator = $generator; |
||||||
|
} |
||||||
|
|
||||||
|
public static function getSubscribedEvents(): array |
||||||
|
{ |
||||||
|
return [ |
||||||
|
KernelEvents::VIEW => ['onPreSerialize', EventPriorities::PRE_SERIALIZE], |
||||||
|
]; |
||||||
|
} |
||||||
|
|
||||||
|
public function onPreSerialize(ViewEvent $event): void |
||||||
|
{ |
||||||
|
$controllerResult = $event->getControllerResult(); |
||||||
|
$request = $event->getRequest(); |
||||||
|
|
||||||
|
if ($controllerResult instanceof Response || !$request->attributes->getBoolean('_api_respond', true)) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
if (!($attributes = RequestAttributesExtractor::extractAttributes($request)) || |
||||||
|
!\is_a($attributes['resource_class'], ResourceFile::class, true) |
||||||
|
) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
$mediaObjects = $controllerResult; |
||||||
|
|
||||||
|
if (!is_iterable($mediaObjects)) { |
||||||
|
$mediaObjects = [$mediaObjects]; |
||||||
|
} |
||||||
|
|
||||||
|
foreach ($mediaObjects as $mediaObject) { |
||||||
|
if (!$mediaObject instanceof ResourceFile) { |
||||||
|
continue; |
||||||
|
} |
||||||
|
$params = [ |
||||||
|
'id' => $mediaObject->getResourceNode()->getId(), |
||||||
|
'tool' => $mediaObject->getResourceNode()->getResourceType()->getTool()->getName(), |
||||||
|
'type' => $mediaObject->getResourceNode()->getResourceType()->getName(), |
||||||
|
]; |
||||||
|
|
||||||
|
$mediaObject->contentUrl = $this->generator->generate('chamilo_core_resource_view_file', $params); |
||||||
|
|
||||||
|
//$mediaObject->contentUrl = $this->storage->resolveUri($mediaObject, 'file'); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
{% extends "@ChamiloCore/Layout/no_layout.html.twig" %} |
||||||
|
|
||||||
|
{% block content %} |
||||||
|
<div id="app"> |
||||||
|
</div> |
||||||
|
|
||||||
|
<script> |
||||||
|
/*window.quasarConfig = { |
||||||
|
brand: { // this will NOT work on IE 11 |
||||||
|
primary: '#e46262', |
||||||
|
// ... or all other brand colors |
||||||
|
}, |
||||||
|
notify: { |
||||||
|
position: 'top', |
||||||
|
multiLine: true, |
||||||
|
timeout: 0, |
||||||
|
}, |
||||||
|
directives: ['ClosePopup'], |
||||||
|
plugins: ['Notify'], |
||||||
|
config: { |
||||||
|
notify: { |
||||||
|
position: 'top', |
||||||
|
multiLine: true, |
||||||
|
timeout: 0, |
||||||
|
}, |
||||||
|
}, |
||||||
|
loading: {}, // default set of options for Loading Quasar plugin |
||||||
|
loadingBar: {}, // settings for LoadingBar Quasar plugin |
||||||
|
}*/ |
||||||
|
</script> |
||||||
|
|
||||||
|
{{ encore_entry_script_tags('vue') }} |
||||||
|
{% endblock %} |
||||||
Loading…
Reference in new issue