Add offer to realestates

Author: sebousan

admin/app.css

@@ -167,6 +167,7 @@ div > div[id*="blocks-field-"] > div:last-child:not(:empty) {
 [class*="-TopBarContainer"]{
     background: var(--grey) !important;
     padding: 5px !important;
+    position: relative;
 }
 [class*="TopBar-StyledListItemTopBar-StyledListItemTopBar"] button,
 [class*="TopBar-StyledListItemTopBar-StyledListItemTopBar"] > span {
@@ -200,6 +201,16 @@ div > div[id*="blocks-field-"] > div:last-child:not(:empty) {
 [id^=images-field] > div:last-child > div:nth-child(3) {
     clear: left;
 }
+[id^=gallery-field] [class*="-ControlContainer"]:nth-child(2) + div:not(:last-child) {
+    float: left;
+    width: 49%;
+}
+[id^=gallery-field] [class*="-ControlContainer"]:nth-child(4) {
+    clear: none;
+    float: right;
+    width: 49%;
+}
+
 [id^=gallery-field] input[type="text"],
 [id^=image-field] input[type="text"],
 [id^=images-field] input[type="text"] {
@@ -237,6 +248,13 @@ div[id^=documents-field] {
 }
 
 
+/* OFFER */
+[id^=offer-field] {
+    background-color: var(--lightgrey) !important;
+}
+
+
+
 
 /* TOOLBAR */
 [class*="-ToolbarContainer"] {

admin/app/content/realestates.js

@@ -1,6 +1,7 @@
 import { isNotIndex } from '../fields/is-not-index.js'
 import { draft } from '../fields/draft.js'
 import { date } from '../fields/date.js'
+import { reference } from '../fields/reference.js'
 import { title } from '../fields/title.js'
 import { description } from '../fields/description.js'
 import { realestates_persons } from '../fields/realestates_persons.js'
@@ -9,6 +10,7 @@ import { realestates_sellers } from '../fields/realestates_sellers.js'
 import { featured_image } from '../fields/featured-image.js'
 import { address } from '../fields/address.js'
 import { gallery } from '../fields/gallery.js'
+import { offer } from '../fields/offer.js'
 import { documents } from '../fields/documents.js'
 import { body } from '../fields/body.js'
 import {t} from "../i18n/translater.js";
@@ -35,11 +37,13 @@ const realestates = {
         isNotIndex,
         draft,
         date,
+        reference,
         title,
         description,
         realestates_persons,
         realestates_sellers,
         realestates_types,
+        offer,
         featured_image,
         address,
         documents,

admin/app/fields/date.js

@@ -2,7 +2,7 @@ import {t} from "../i18n/translater.js";
 
 export const date = {
     name: 'date',
-    label: t.fields.date,
+    label: t.fields.date.title,
     widget: 'datetime',
     i18n: 'duplicate'
 }

admin/app/fields/gallery.js

@@ -12,7 +12,7 @@ export const gallery = {
     fields: [
         image_src,
         image_alt,
-        credit,
-        legend
+        legend,
+        credit
     ]
 };

admin/app/fields/offer.js

@@ -0,0 +1,16 @@
+import { sold } from './sold.js'
+import { price } from './price.js'
+import {t} from "../i18n/translater.js";
+
+export const offer = {
+    name: 'offer',
+    label: t.fields.offer,
+    widget: 'object',
+    required: false,
+    i18n: true,
+    collapsed: false,
+    fields: [
+        sold,
+        price
+    ]
+}

admin/app/fields/price.js

@@ -0,0 +1,10 @@
+import {t} from "../i18n/translater.js";
+
+export const price = {
+    name: 'price',
+    label: t.fields.price.label,
+    hint: t.fields.price.hint,
+    widget: 'number',
+    required: false,
+    i18n: 'duplicate'
+}

admin/app/fields/reference.js

@@ -0,0 +1,9 @@
+import {t} from "../i18n/translater.js";
+
+export const reference = {
+    name: 'reference',
+    label: t.fields.reference,
+    widget: 'string',
+    required: false,
+    i18n: 'duplicate'
+}

admin/app/fields/sold.js

@@ -0,0 +1,9 @@
+import {t} from "../i18n/translater.js";
+
+export const sold = {
+    name: 'sold',
+    label: t.fields.sold,
+    widget: 'boolean',
+    required: false,
+    i18n: 'duplicate'
+}

admin/app/i18n/en/fields.js

@@ -64,7 +64,12 @@ export const fields = {
     cta_second: "Secondary button",
     darken: "Darken image",
     datas: "Datas",
-    date: "Publication date",
+    date: {
+        from: "From",
+        publish: "Publication date",
+        title: "Date",
+        to: "To"
+    },
     description: "Description",
     direction: {
         label: "Direction",
@@ -80,6 +85,7 @@ export const fields = {
     expertises_items: "Expertises",
     featured_image: "Featured image",
     figure: "Image with legend",
+    files: "Files",
     gallery: "Image gallery",
     grid: {
         label: "Width on grid",
@@ -145,6 +151,7 @@ export const fields = {
         label: "Icon",
         hint: "Name of the icon, doc : https://fonts.google.com/icons?icon.set=Material+Icons"
     },
+    offer: "Offer",
     offset: {
         label: "Offset",
         options: {
@@ -166,6 +173,11 @@ export const fields = {
     posts: "News",
     prefix: "Prefix",
     press: "Article source",
+    price: {
+        label: "Price",
+        hint: "ex: 300000 (for 300 000 €)",
+        sold: "Sold price"
+    },
     projects: "Projects",
     projects_tags: "Tags",
     projects_types: "Types",
@@ -181,13 +193,15 @@ export const fields = {
     },
     realestates_sellers: "Seller",
     realestates_types: "Type of property",
+    reference: "Reference",
     section: "Type of section",
     show_color: {
         label: "Display colors on gauge?",
         hint: "Color in red, yellow or green in function of value (if gauge checked)"
     },
     show_gauge: "Display a progress gauge?",
     show_more: "Display a button to discover more elements?",
+    sold: "Sold?",
     state: {
         label: "State",
         options: {

admin/app/i18n/fr/fields.js

@@ -64,7 +64,12 @@ export const fields = {
     cta_second: "Second bouton",
     darken: "Assombrir l’image",
     datas: "Données",
-    date: "Date de publication",
+    date: {
+        from: "De",
+        publish: "Date de publication",
+        title: "Date",
+        to: "à"
+    },
     description: "Description",
     direction: {
         label: "Direction",
@@ -145,6 +150,7 @@ export const fields = {
         label: "Icône",
         hint: "Le nom de l’icon, doc : https://fonts.google.com/icons?icon.set=Material+Icons"
     },
+    offer: "Offre",
     offset: {
         label: "Alignement",
         options: {
@@ -166,6 +172,10 @@ export const fields = {
     posts: "Actualités",
     prefix: "Préfixe",
     press: "Source de l’article",
+    price: {
+        label: "Prix",
+        hint: "ex: 300000 (pour 300 000 €)",
+    },
     projects: "Projets",
     projects_tags: "Tags",
     projects_types: "Types",
@@ -181,13 +191,15 @@ export const fields = {
     },
     realestates_sellers: "Vendeur du bien",
     realestates_types: "Type de bien",
+    reference: "Référence",
     section: "Type de section",
     show_color: {
         label: "Afficher des couleurs sur les jauges ?",
         hint: "Colore en rouge, jaune ou vert en fonction de la valeur (si jauge coché)"
     },
     show_gauge: "Afficher une jaune de progression ?",
     show_more: "Afficher un bouton pour découvrir plus d’éléments ?",
+    sold: "Vendu ?",
     state: {
         label: "État",
         options: {