@crombolo/backoffice-host 0.13.2 → 0.14.4

package/assets/device.js

@@ -0,0 +1,180 @@
+/**
+ * The page a person approves a command-line sign-in on (story 107, RFC 8628).
+ * The `crombolo` command shows a code and opens this page; the person, already
+ * signed in here, checks the code matches and allows it — or declines.
+ */
+import { css, html, LitElement, nothing } from '@umbraco-cms/backoffice/external/lit'
+import '@umbraco-cms/backoffice/external/uui'
+
+const API = '/umbraco/management/api/v1/security/back-office'
+
+class CromboloDeviceElement extends LitElement {
+  static properties = {
+    userCode: { type: String, attribute: 'user-code' },
+    logoImage: { type: String, attribute: 'logo-image' },
+    _pending: { state: true },
+    _error: { state: true },
+    _done: { state: true },
+    _busy: { state: true },
+  }
+
+  constructor() {
+    super()
+    this.userCode = ''
+    this.logoImage = ''
+    this._pending = undefined
+    this._error = ''
+    this._done = ''
+    this._busy = false
+  }
+
+  connectedCallback() {
+    super.connectedCallback()
+    if (this.userCode) this.#look(this.userCode)
+  }
+
+  async #look(code) {
+    this._error = ''
+    this._busy = true
+    try {
+      const response = await fetch(`${API}/device/pending?user_code=${encodeURIComponent(code)}`, {
+        credentials: 'include',
+      })
+      if (response.ok) {
+        this._pending = await response.json()
+        return
+      }
+      const problem = await response.json().catch(() => ({}))
+      this._error = problem.detail ?? problem.title ?? 'That code is not waiting.'
+    } catch {
+      this._error = 'Could not reach the server.'
+    } finally {
+      this._busy = false
+    }
+  }
+
+  async #decide(approve) {
+    this._busy = true
+    try {
+      const response = await fetch(`${API}/device/decide`, {
+        method: 'POST',
+        credentials: 'include',
+        headers: { 'content-type': 'application/json' },
+        body: JSON.stringify({ userCode: this._pending.userCode, approve }),
+      })
+      if (!response.ok) {
+        this._error = 'That code is no longer waiting. Start the sign-in again.'
+        this._pending = undefined
+        return
+      }
+      this._done = approve
+        ? 'Signed in. You can close this window and go back to your terminal.'
+        : 'Declined. Nothing was signed in.'
+    } catch {
+      this._error = 'Could not reach the server.'
+    } finally {
+      this._busy = false
+    }
+  }
+
+  #submitCode(event) {
+    event.preventDefault()
+    const code = event.target.elements.code.value.trim()
+    if (code) this.#look(code)
+  }
+
+  #body() {
+    if (this._done) return html`<p id="notice" role="status">${this._done}</p>`
+    if (this._pending)
+      return html`
+        <p>
+          ${this._pending.clientName ?? 'A command line'} is asking to sign in as you. Check that this
+          code matches the one it shows:
+        </p>
+        <p id="code">${this._pending.userCode}</p>
+        ${this._error ? html`<p id="error" role="alert">${this._error}</p>` : nothing}
+        <div id="actions">
+          <uui-button look="primary" color="positive" label="Allow" .state=${this._busy ? 'waiting' : undefined}
+            @click=${() => this.#decide(true)}></uui-button>
+          <uui-button look="outline" label="Decline" @click=${() => this.#decide(false)}></uui-button>
+        </div>`
+    return html`
+      <form @submit=${this.#submitCode}>
+        <uui-form-layout-item>
+          <uui-label for="code" slot="label" required>The code your terminal shows</uui-label>
+          <uui-input id="code" name="code" autocomplete="off" required .value=${this.userCode ?? ''}></uui-input>
+        </uui-form-layout-item>
+        ${this._error ? html`<p id="error" role="alert">${this._error}</p>` : nothing}
+        <uui-button type="submit" look="primary" label="Continue" .state=${this._busy ? 'waiting' : undefined}></uui-button>
+      </form>`
+  }
+
+  render() {
+    return html`
+      <div id="layout">
+        <uui-box id="card">
+          ${this.logoImage ? html`<img id="logo" src=${this.logoImage} alt="" />` : nothing}
+          <h1 class="uui-h3">Sign in from your terminal</h1>
+          ${this.#body()}
+        </uui-box>
+      </div>
+    `
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+      min-height: 100vh;
+      background: var(--uui-color-surface-alt, #f4f4f4);
+    }
+    #layout {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 100vh;
+      padding: 16px;
+      box-sizing: border-box;
+    }
+    #card {
+      width: 100%;
+      max-width: 420px;
+    }
+    #logo {
+      display: block;
+      height: 48px;
+      margin-bottom: var(--uui-size-space-4, 12px);
+    }
+    h1 {
+      margin: 0 0 var(--uui-size-space-5, 18px);
+    }
+    form {
+      display: flex;
+      flex-direction: column;
+      gap: var(--uui-size-space-4, 12px);
+    }
+    uui-input {
+      width: 100%;
+    }
+    #code {
+      font-family: monospace;
+      font-size: 1.75rem;
+      letter-spacing: 0.15em;
+      text-align: center;
+      margin: var(--uui-size-space-4, 12px) 0;
+    }
+    #actions {
+      display: flex;
+      gap: var(--uui-size-space-3, 9px);
+    }
+    #error {
+      margin: 0;
+      color: var(--uui-color-danger, #d42054);
+    }
+    #notice {
+      margin: 0;
+      color: var(--uui-color-positive, #0b8152);
+    }
+  `
+}
+
+customElements.define('crombolo-device', CromboloDeviceElement)

package/assets/login.js

@@ -39,6 +39,8 @@ class CromboloLoginElement extends LitElement {
     logoImage: { type: String, attribute: 'logo-image-alternative' },
     usernameIsEmail: { type: Boolean, attribute: 'username-is-email' },
     allowPasswordReset: { type: Boolean, attribute: 'allow-password-reset' },
+    disableLocalLogin: { type: Boolean, attribute: 'disable-local-login' },
+    externalProviders: { type: Array, attribute: 'external-providers' },
     _busy: { state: true },
     _error: { state: true },
     _view: { state: true },
@@ -51,6 +53,8 @@ class CromboloLoginElement extends LitElement {
     this.logoImage = ''
     this.usernameIsEmail = true
     this.allowPasswordReset = false
+    this.disableLocalLogin = false
+    this.externalProviders = []
     this._busy = false
     this._error = ''
     this._notice = ''
@@ -63,6 +67,9 @@ class CromboloLoginElement extends LitElement {
           ? { kind: 'reset', user: params.get('userId'), code: params.get('resetCode') }
           : undefined
     this._view = this._link ? 'checking' : 'login'
+    // An identity provider's sign-in that came back refused says why.
+    const external = params.get('externalLoginError')
+    if (external) this._error = external
   }
 
   connectedCallback() {
@@ -182,7 +189,9 @@ class CromboloLoginElement extends LitElement {
         return
       }
       if (response.status === 402) {
-        this._error = 'This account requires two-factor authentication, which is not yet supported.'
+        const challenge = await response.json().catch(() => ({}))
+        this._twoFactorProvider = challenge.enabledTwoFactorProviderNames?.[0]
+        this._view = 'two-factor'
       } else if (response.status === 403) {
         this._error = 'This account is locked or not approved.'
       } else if (response.status === 401) {
@@ -197,6 +206,57 @@ class CromboloLoginElement extends LitElement {
     }
   }
 
+  async #verifyTwoFactor(event) {
+    event.preventDefault()
+    if (this._busy) return
+    const code = event.target.elements.code.value.trim()
+    if (!code) return
+    this._busy = true
+    this._error = ''
+    try {
+      const response = await this.#post('/security/back-office/verify-2fa', {
+        provider: this._twoFactorProvider,
+        code,
+      })
+      if (response.ok) {
+        window.location.href = localTarget(this.returnUrl, '/umbraco')
+        return
+      }
+      if (response.status === 401) {
+        this._view = 'login'
+        this._error = 'That took too long. Sign in again.'
+      } else if (response.status === 403) {
+        this._view = 'login'
+        this._error = 'This account is locked or not approved.'
+      } else {
+        this._error = 'That code is not right. Try the next one.'
+      }
+    } catch {
+      this._error = 'Could not reach the server.'
+    } finally {
+      this._busy = false
+    }
+  }
+
+  #twoFactorForm() {
+    return html`
+      <h1 class="uui-h3">Enter your code</h1>
+      <p>Enter the six-digit code from your authenticator app, or one of your recovery codes.</p>
+      <form @submit=${this.#verifyTwoFactor}>
+        <uui-form-layout-item>
+          <uui-label for="code" slot="label" required>Code</uui-label>
+          <uui-input id="code" name="code" autocomplete="one-time-code" required ?disabled=${this._busy}></uui-input>
+        </uui-form-layout-item>
+        ${this.#messages()}
+        <uui-button type="submit" look="primary" color="positive" .state=${this._busy ? 'waiting' : undefined} label="Verify"></uui-button>
+        <uui-button look="link" label="Back to sign in" @click=${() => {
+          this._error = ''
+          this._view = 'login'
+        }}></uui-button>
+      </form>
+    `
+  }
+
   #messages() {
     return html`${this._notice ? html`<p id="notice" role="status">${this._notice}</p>` : nothing}
     ${this._error ? html`<p id="error" role="alert">${this._error}</p>` : nothing}`
@@ -245,7 +305,9 @@ class CromboloLoginElement extends LitElement {
           ? this.#newPasswordForm()
           : this._view === 'forgot'
             ? this.#resetRequestForm()
-            : this.#loginForm()
+            : this._view === 'two-factor'
+              ? this.#twoFactorForm()
+              : this.#loginForm()
     return html`
       <div id="layout">
         <uui-box id="card">
@@ -256,7 +318,25 @@ class CromboloLoginElement extends LitElement {
     `
   }
 
+  /** A button per backoffice identity provider, each returning here signed in. */
+  #providers() {
+    if (!this.externalProviders?.length) return nothing
+    return html`<div id="providers">
+      ${this.externalProviders.map(
+        (provider) =>
+          html`<uui-button look="outline" href=${provider.url} label=${`Sign in with ${provider.name}`}>Sign in with ${provider.name}</uui-button>`,
+      )}
+    </div>`
+  }
+
   #loginForm() {
+    // With local sign-in off, the providers are the only way in.
+    if (this.disableLocalLogin)
+      return html`
+          <h1 class="uui-h3">Sign in</h1>
+          ${this.#messages()}
+          ${this.#providers()}
+      `
     return html`
           <h1 class="uui-h3">Sign in</h1>
           <form @submit=${this.#submit}>
@@ -301,6 +381,7 @@ class CromboloLoginElement extends LitElement {
                 : nothing
             }
           </form>
+          ${this.#providers()}
     `
   }
 
@@ -342,6 +423,12 @@ class CromboloLoginElement extends LitElement {
       margin: 0;
       color: var(--uui-color-danger, #d42054);
     }
+    #providers {
+      display: flex;
+      flex-direction: column;
+      gap: var(--uui-size-space-3, 9px);
+      margin-top: var(--uui-size-space-5, 18px);
+    }
     #notice {
       margin: 0;
       color: var(--uui-color-positive, #0b8152);

package/assets/remote-approval.js

@@ -0,0 +1,134 @@
+/**
+ * The page a push to a protected environment is approved on (story 107). The
+ * person who pushed shares its link; someone else allowed to push here looks at
+ * who sent it and when, and approves or declines it.
+ */
+import { css, html, LitElement, nothing } from '@umbraco-cms/backoffice/external/lit'
+import '@umbraco-cms/backoffice/external/uui'
+
+const API = '/umbraco/remote/v1/jobs'
+
+class CromboloRemoteApprovalElement extends LitElement {
+  static properties = {
+    job: { type: String },
+    logoImage: { type: String, attribute: 'logo-image' },
+    _job: { state: true },
+    _error: { state: true },
+    _busy: { state: true },
+  }
+
+  constructor() {
+    super()
+    this.job = ''
+    this.logoImage = ''
+    this._job = undefined
+    this._error = ''
+    this._busy = false
+  }
+
+  connectedCallback() {
+    super.connectedCallback()
+    this.#load()
+  }
+
+  async #load() {
+    const response = await fetch(`${API}/${encodeURIComponent(this.job)}`, {
+      credentials: 'include',
+    })
+    const body = await response.json().catch(() => ({}))
+    if (!response.ok) {
+      this._error = body.title ?? 'There is no such push.'
+      return
+    }
+    this._job = body
+  }
+
+  async #decide(approve) {
+    this._busy = true
+    this._error = ''
+    const response = await fetch(
+      `${API}/${encodeURIComponent(this.job)}/${approve ? 'approve' : 'decline'}`,
+      {
+        method: 'POST',
+        credentials: 'include',
+      },
+    )
+    const body = await response.json().catch(() => ({}))
+    this._busy = false
+    if (!response.ok) {
+      this._error = body.title ?? 'That could not be done.'
+      return
+    }
+    this._job = body
+  }
+
+  #body() {
+    const job = this._job
+    if (!job)
+      return this._error ? html`<p id="error">${this._error}</p>` : html`<uui-loader></uui-loader>`
+    const when = new Date(job.createdAt).toLocaleString()
+    if (job.state !== 'approval-required')
+      return html`<p>
+        ${job.state === 'refused' ? (job.problem?.title ?? 'This push was declined.') : 'This push has been decided.'}
+      </p>`
+    return html`
+      <p>
+        <strong>${job.requestedBy}</strong> wants to replace <strong>${job.environment}</strong> with a copy of their
+        site, sent ${when}. Everything on ${job.environment} that is not in it goes to the recycle bin, and a backup is
+        taken first.
+      </p>
+      ${this._error ? html`<p id="error" role="alert">${this._error}</p>` : nothing}
+      <div id="actions">
+        <uui-button look="primary" color="positive" label="Approve" .state=${this._busy ? 'waiting' : undefined}
+          @click=${() => this.#decide(true)}></uui-button>
+        <uui-button look="outline" color="danger" label="Decline" @click=${() => this.#decide(false)}></uui-button>
+      </div>`
+  }
+
+  render() {
+    return html`<div id="layout">
+      <uui-box id="card">
+        ${this.logoImage ? html`<img id="logo" src=${this.logoImage} alt="" />` : nothing}
+        <h1 class="uui-h3">Approve a push</h1>
+        ${this.#body()}
+      </uui-box>
+    </div>`
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+      min-height: 100vh;
+      background: var(--uui-color-surface-alt, #f4f4f4);
+    }
+    #layout {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 100vh;
+      padding: 16px;
+      box-sizing: border-box;
+    }
+    #card {
+      width: 100%;
+      max-width: 480px;
+    }
+    #logo {
+      display: block;
+      height: 48px;
+      margin-bottom: var(--uui-size-space-4, 12px);
+    }
+    h1 {
+      margin: 0 0 var(--uui-size-space-5, 18px);
+    }
+    #actions {
+      display: flex;
+      gap: var(--uui-size-space-3, 9px);
+    }
+    #error {
+      color: var(--uui-color-danger, #d42054);
+    }
+  `
+}
+
+customElements.define('crombolo-remote-approval', CromboloRemoteApprovalElement)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crombolo/backoffice-host",
-  "version": "0.13.2",
+  "version": "0.14.4",
   "description": "Serves the Umbraco backoffice SPA: shell HTML, import map and package manifests.",
   "license": "MIT",
   "author": "Crombolo",
@@ -31,7 +31,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@crombolo/core": "0.13.2",
+    "@crombolo/core": "0.14.4",
     "@crombolo/backoffice-dist": "18.2.0"
   }
 }

package/plugin/assistant/umbraco-package.json

@@ -2,7 +2,7 @@
   "$schema": "../../../backoffice-dist/dist/umbraco-package-schema.json",
   "name": "Crombolo Assistant",
   "id": "Crombolo.Assistant",
-  "version": "0.13.2",
+  "version": "0.14.4",
   "allowPublicAccess": false,
   "extensions": [
     {

package/plugin/branding/branding.js

@@ -1,25 +1,20 @@
 /**
  * The two places the vendored client names the product in code rather than in a
- * string table, where the localisation override cannot reach.
+ * string table.
  *
- * `view.controller.js` builds the page title with a hardcoded string rather than
- * a localisation key, so the dictionary override cannot reach it. Patching the
- * vendored file would work until the next `vendor:backoffice`, which is the
- * reason nothing here patches vendored files.
- *
- * So it is corrected as it is written. The suffix is the site's own name, which
- * the shell states in `<meta name="application-name">` — so a site called
- * something other than Crombolo gets its own name rather than a second hardcoded
- * one.
+ * `view.controller.js` builds the page title with a hardcoded suffix, which
+ * `vendor:backoffice` rebrands to Crombolo. The suffix should be the site's own
+ * name, which the shell states in `<meta name="application-name">` — so a site
+ * called something other than Crombolo gets its own name rather than ours.
  *
  * Not read from `document.title`, although the shell puts the name there too.
  * This module loads after the client has started, and by then the client may
- * have written a title of its own. Taking `Content | Umbraco` for the site's
- * name makes every correction end in ` | Umbraco` again: the observer below
+ * have written a title of its own. Taking `Content | Crombolo` for the site's
+ * name makes every correction end in ` | Crombolo` again: the observer below
  * then answers its own change, forever, and the page never gets its main thread
  * back.
  */
-const CLIENT_SUFFIX = ' | Umbraco'
+const CLIENT_SUFFIX = ' | Crombolo'
 
 /** The site's name as the shell stated it. */
 export function brandName(doc = document) {
@@ -70,7 +65,7 @@ function correctLogoLink() {
   if (!anchor) return false
   anchor.href = 'https://github.com/kineco-au/crombolo-cms'
   anchor.textContent = 'Crombolo on GitHub'
-  const image = logo.shadowRoot.querySelector('img[alt="Umbraco"]')
+  const image = logo.shadowRoot.querySelector('img#logo')
   if (image) image.alt = brandName()
   return true
 }

package/plugin/branding/localization-en.js

@@ -46,6 +46,9 @@ export default {
       "Hello there and welcome to Crombolo! In just 1 minute you'll be good to go, we just need you to setup a password and add a picture for your avatar.",
     userinviteExpiredMessage:
       'Welcome to Crombolo! Unfortunately your invite has expired. Please contact your administrator to get a new one.',
+
+    // The heading over the remote permissions (story 107) in a user group.
+    'permissionsEntityGroup_crombolo-remote': 'Moving whole sites',
   },
   general: {
     umbracoInfo: 'Crombolo info',
@@ -106,6 +109,14 @@ export default {
     searchUmbracoIssues: 'Search Crombolo issues',
     searchUmbracoIssuesOnGithub: 'Search Crombolo issues on GitHub',
   },
+  redirectUrls: {
+    // Followed by `CROMBOLO_TRACK_REDIRECTS`, which `vendor:backoffice` puts in
+    // place of the .NET setting; it tracks when true, the inverse of Umbraco's.
+    disableUrlTrackerInstruction:
+      "Redirect URL tracking is set in the site's environment. To turn it off, set this variable to false:",
+    enableUrlTrackerInstruction:
+      "Redirect URL tracking is set in the site's environment. To turn it on, set this variable to true, or remove it:",
+  },
   defaultdialogs: {
     linkYourConfirm:
       'You are about to link your Crombolo and {0} accounts and you will be redirected to {0} to complete the process.',

package/plugin/branding/theme.css

@@ -68,6 +68,8 @@
   --uui-color-header-surface: var(--crombolo-orange);
   --uui-color-header-contrast: rgb(84 50 31 / 80%);
   --uui-color-header-contrast-emphasis: var(--crombolo-cocoa);
+  /* The active section's marker, dark so it stands out from the white submenu below. */
+  --crombolo-header-current: var(--crombolo-orange-text);
 
   /* Pure white panels on a warm off-white page, so cards still separate. */
   --uui-color-background: var(--crombolo-cream);

package/plugin/localizations/ar.js

@@ -3,45 +3,6 @@
 // plugin/branding/localization-en.js curates, and "content type" where
 // Umbraco says "document type".
 export default {
-  "login": {
-    "instruction": "سجل الدخول إلى Crombolo"
-  },
-  "user": {
-    "changePasswordDescription": "يمكنك تغيير كلمة مرورك للوصول إلى واجهة Crombolo من خلال ملء النموذج أدناه والنقر على زر 'تغيير كلمة المرور'",
-    "createUserHelp": "قم بإنشاء مستخدمين جدد لمنحهم الوصول إلى Crombolo. عند إنشاء مستخدم جديد، سيتم توليد كلمة مرور يمكنك مشاركتها مع المستخدم.",
-    "inviteUserHelp": "ادعُ مستخدمين جدد لمنحهم الوصول إلى Crombolo. سيتم إرسال بريد إلكتروني دعوة إلى المستخدم مع معلومات حول كيفية تسجيل الدخول إلى Crombolo. تدوم الدعوات لمدة 72 ساعة.",
-    "noConsole": "تعطيل الوصول إلى Crombolo",
-    "userCreatedSuccessHelp": "تم إنشاء المستخدم الجديد بنجاح. لتسجيل الدخول إلى Crombolo استخدم كلمة المرور أدناه.",
-    "userInvitedSuccessHelp": "تم إرسال دعوة إلى المستخدم الجديد مع تفاصيل حول كيفية تسجيل الدخول إلى Crombolo.",
-    "userinviteWelcomeMessage": "مرحباً بك في Crombolo! في دقيقة واحدة فقط ستكون جاهزاً، نحن فقط بحاجة منك لتعيين كلمة مرور وإضافة صورة لملفك الشخصي.",
-    "userinviteExpiredMessage": "مرحباً بك في Crombolo! للأسف انتهت صلاحية دعوتك. يرجى الاتصال بالمسؤول الخاص بك واطلب منهم إعادة إرسالها.",
-    "documentType": "نوع المحتوى"
-  },
-  "general": {
-    "umbracoInfo": "معلومات Crombolo"
-  },
-  "visuallyHiddenTexts": {
-    "searchOverlayTitle": "بحث في مكتب Crombolo الخلفي"
-  },
-  "languages": {
-    "defaultLanguageHelp": "يمكن لموقع Crombolo أن يحتوي فقط على لغة افتراضية واحدة."
-  },
-  "paste": {
-    "errorMessage": "النص الذي تحاول لصقه يحتوي على أحرف خاصة أو تنسيق. قد يكون ذلك بسبب نسخ النص من Microsoft Word. يمكن لـ Crombolo إزالة الأحرف الخاصة أو التنسيق تلقائيًا، بحيث يكون المحتوى الملصق أكثر ملاءمة للويب.\n"
-  },
-  "dashboard": {
-    "nothinghappens": "إذا لم يفتح Crombolo، قد تحتاج إلى السماح بالنوافذ المنبثقة من هذا الموقع"
-  },
-  "logViewer": {
-    "searchUmbracoSource": "البحث في مصدر Crombolo",
-    "searchWithinUmbracoSourceCodeOnGithub": "البحث ضمن كود مصدر Crombolo على Github",
-    "searchUmbracoIssues": "البحث في قضايا Crombolo",
-    "searchUmbracoIssuesOnGithub": "البحث في قضايا Crombolo على Github"
-  },
-  "defaultdialogs": {
-    "linkYourConfirm": "أنت على وشك ربط حسابك في Crombolo وحسابك في {0} وسيتم توجيهك إلى {0} للتأكيد.",
-    "unLinkYourConfirm": "أنت على وشك إلغاء ربط حسابك في Crombolo وحسابك في {0} وسيتم تسجيل خروجك."
-  },
   "actions": {
     "changeDocType": "تغيير نوع المحتوى",
     "exportDocumentType": "تصدير نوع المحتوى",
@@ -87,6 +48,9 @@ export default {
   "treeHeaders": {
     "documentTypes": "أنواع المحتوى"
   },
+  "user": {
+    "documentType": "نوع المحتوى"
+  },
   "references": {
     "labelUsedByDocumentTypes": "مستشهد به من قبل أنواع المحتوى التالية"
   },

package/plugin/localizations/bs.js

@@ -3,35 +3,6 @@
 // plugin/branding/localization-en.js curates, and "content type" where
 // Umbraco says "document type".
 export default {
-  "user": {
-    "changePasswordDescription": "Možete promijeniti lozinku za pristup Crombolo backofficeu popunjavanjem\n       izađite iz donjeg obrasca i kliknite na dugme 'Promijeni lozinku'\n    ",
-    "createUserHelp": "Kreirajte nove korisnike da im date pristup Crombolo. Kada se novom korisniku kreira lozinka\n       će biti generisano koje možete podijeliti s korisnikom.\n    ",
-    "inviteUserHelp": "Pozovite nove korisnike da im daju pristup Crombolo. E-mail sa pozivom će biti poslan na\n       korisnik s informacijama o tome kako se prijaviti na Crombolo. Pozivnice traju 72 sata.\n    ",
-    "noConsole": "Onemogućite pristup Crombolo-u",
-    "userCreatedSuccessHelp": "Novi korisnik je uspješno kreiran. Za prijavu na Crombolo koristite\n      lozinka ispod.\n    ",
-    "userInvitedSuccessHelp": "Novom korisniku je poslana pozivnica s detaljima o tome kako se prijaviti\n      Crombolo.\n    ",
-    "userinviteWelcomeMessage": "Pozdrav i dobrodošli u Crombolo! Za samo 1 minut možete krenuti, mi samo trebate postaviti lozinku.",
-    "userinviteExpiredMessage": "Dobrodošli u Crombolo! Nažalost, vaš poziv je istekao. Molimo kontaktirajte svoju\n      administratora i zamolite ih da ga ponovo pošalju.\n    ",
-    "documentType": "Tip sadržaja"
-  },
-  "general": {
-    "umbracoInfo": "Crombolo info"
-  },
-  "languages": {
-    "defaultLanguageHelp": "Crombolo stranica može imati samo jedan zadani jezik."
-  },
-  "paste": {
-    "errorMessage": "Tekst koji pokušavate zalijepiti sadrži posebne znakove ili formatiranje. Ovo bi moglo biti\n       uzrokovano kopiranjem teksta iz programa Microsoft Word. Crombolo može automatski ukloniti posebne znakove ili formatiranje, tako da\n       zalijepljeni sadržaj će biti prikladniji za web.\n    "
-  },
-  "dashboard": {
-    "nothinghappens": "Ako se Crombolo ne otvara, možda ćete morati dozvoliti iskačuće prozore sa ove stranice"
-  },
-  "logViewer": {
-    "searchUmbracoSource": "Pretraži Crombolo Source",
-    "searchWithinUmbracoSourceCodeOnGithub": "Pretraži Crombolo source code on Github-u",
-    "searchUmbracoIssues": "Pretraži Crombolo Issues",
-    "searchUmbracoIssuesOnGithub": "Pretraži Crombolo Issues na Github-u"
-  },
   "actions": {
     "changeDocType": "Promijeni Tip Sadržaja",
     "exportDocumentType": "Izvezi Tip Sadržaja",
@@ -76,6 +47,9 @@ export default {
   "treeHeaders": {
     "documentTypes": "Tipovi sadržaja"
   },
+  "user": {
+    "documentType": "Tip sadržaja"
+  },
   "references": {
     "labelUsedByDocumentTypes": "Koristi se u tipovima sadržaja"
   },