verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 67 Releases Wiki Activity

Cambios mockup #1745
gitea/salix/dev This commit looks good Details

This commit is contained in:
Joan Sanchez 2019-10-03 11:37:44 +02:00
parent 8e2884b28c
commit a8f2000f3f
4 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/salix/styles/photo-list.scss
View File

@ -17,6 +17,8 @@
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),
0 3px 1px -2px rgba(0,0,0,.2), 0 3px 1px -2px rgba(0,0,0,.2),
0 1px 5px 0 rgba(0,0,0,.12); 0 1px 5px 0 rgba(0,0,0,.12);
background: no-repeat center center fixed;
background-size: cover !important;
overflow: hidden; overflow: hidden;
cursor: zoom-in; cursor: zoom-in;
height: 100%; height: 100%;

8
modules/claim/front/dms/index/index.html
View File

@ -4,7 +4,13 @@
limit="20" limit="20"
data="$ctrl.photos"> data="$ctrl.photos">
</vn-crud-model> </vn-crud-model>
<vn-horizontal class="photo-list" vn-droppable="true" on-drop="$ctrl.onDrop(event)">
<section class="drop-zone" vn-droppable="true" on-drop="$ctrl.onDrop(event)">
<section><vn-icon icon="add_circle"></vn-icon></section>
<section translate>Drag & Drop files here...</section>
</section>
<vn-horizontal class="photo-list">
<section class="photo" ng-repeat="photo in $ctrl.photos"> <section class="photo" ng-repeat="photo in $ctrl.photos">
<section class="image mdl-shadow--2dp" on-error-src <section class="image mdl-shadow--2dp" on-error-src
ng-style="{'background': 'url(/api/dms/' + photo.dmsFk + '/downloadFile?access_token=' + $ctrl.accessToken + ')'}" ng-style="{'background': 'url(/api/dms/' + photo.dmsFk + '/downloadFile?access_token=' + $ctrl.accessToken + ')'}"

19
modules/claim/front/dms/index/style.scss
View File

@ -1,10 +1,22 @@
@import "./variables"; @import "./variables";
vn-claim-dms-index { vn-claim-dms-index {
.photo-list { .drop-zone {
border: 2px dashed $color-font-secondary; border: 2px dashed $color-font-secondary;
color: $color-font-secondary;
box-sizing: border-box; box-sizing: border-box;
padding: 2em $pad-medium;
border-radius: 0.5em; border-radius: 0.5em;
text-align: center;
font-size: 1.4em;
vn-icon {
font-size: 3em
}
}
.photo-list {
padding: $pad-medium; padding: $pad-medium;
min-height: 100%; min-height: 100%;
@ -13,9 +25,4 @@ vn-claim-dms-index {
height: 18em; height: 18em;
} }
} }
vn-empty-rows {
color: $color-font-secondary;
font-size: 2em
}
} }

2
modules/claim/front/dms/locale/es.yml
View File

@ -1,4 +1,4 @@
Are you sure you want to continue?: ¿Seguro que quieres continuar? Are you sure you want to continue?: ¿Seguro que quieres continuar?
Drag & Drop files here...: Arrasta y suelta archivos aquí... Drag & Drop files here...: Arrastra y suelta archivos aquí...
Photo deleted: Foto eliminada Photo deleted: Foto eliminada
Photo uploaded!: Foto subida! Photo uploaded!: Foto subida!