@fleetbase/fleetops-engine 0.6.50 → 0.6.52

package/addon/components/fuel-integration/matching-priority.js

@@ -0,0 +1,145 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+
+const MATCHING_FIELDS = [
+    {
+        key: 'plate_number',
+        label: 'Plate number',
+        source: 'Provider plate number',
+        target: 'Vehicle plate number',
+        description: 'Best default for fuel card imports. Matches license plates with normalized spacing and casing.',
+    },
+    {
+        key: 'internal_id',
+        label: 'Internal ID',
+        source: 'Provider internal fleet number',
+        target: 'Vehicle internal ID',
+        description: 'Use when the provider fleet number is the same identifier operators maintain on the vehicle.',
+    },
+    {
+        key: 'vin',
+        label: 'VIN',
+        source: 'Provider VIN',
+        target: 'Vehicle VIN',
+        description: 'Matches the vehicle identification number when the provider sends it with the transaction.',
+    },
+    {
+        key: 'serial_number',
+        label: 'Serial number',
+        source: 'Provider serial number',
+        target: 'Vehicle serial number',
+        description: 'Matches manufacturer or fleet serial numbers recorded on the vehicle.',
+    },
+    {
+        key: 'call_sign',
+        label: 'Call sign',
+        source: 'Provider call sign',
+        target: 'Vehicle call sign',
+        description: 'Matches operational call signs when those are shared with the fuel provider.',
+    },
+    {
+        key: 'fuel_card_number',
+        label: 'Fuel card number',
+        source: 'Provider fuel card number',
+        target: 'Vehicle fuel card number',
+        description: 'Use when each vehicle has a dedicated fuel card number saved on the vehicle record.',
+    },
+    {
+        key: 'trip_number',
+        label: 'Trip number / order reference',
+        source: 'Provider trip/order reference',
+        target: 'Order public ID, internal ID, or tracking number',
+        description: 'Links the transaction to an order when the provider sends a trip or order reference. It does not identify the vehicle by itself.',
+    },
+    {
+        key: 'provider_vehicle_id',
+        label: 'Provider vehicle ID',
+        source: 'Provider-specific vehicle ID',
+        target: 'Vehicle provider metadata',
+        description: 'Advanced fallback only. Use it when provider vehicle IDs have been intentionally stored on vehicle metadata.',
+    },
+];
+
+const DEFAULT_MATCHING_ORDER = ['plate_number', 'internal_id', 'vin', 'serial_number', 'call_sign', 'fuel_card_number', 'trip_number'];
+const LEGACY_DEFAULT_MATCHING_ORDER = ['provider_vehicle_id', 'internal_number', 'structure_number', 'plate_number', 'vehicle_card_id', 'trip_number'];
+const LEGACY_FIELD_ALIASES = {
+    internal_number: 'internal_id',
+    vehicle_card_id: 'fuel_card_number',
+};
+
+export default class FuelIntegrationMatchingPriorityComponent extends Component {
+    fields = MATCHING_FIELDS;
+
+    get order() {
+        if (Array.isArray(this.args.order)) {
+            if (this.args.order.join('|') === LEGACY_DEFAULT_MATCHING_ORDER.join('|')) {
+                return DEFAULT_MATCHING_ORDER;
+            }
+
+            return Array.from(this.args.order)
+                .map((key) => LEGACY_FIELD_ALIASES[key] ?? key)
+                .filter((key, index, order) => key && order.indexOf(key) === index);
+        }
+
+        return DEFAULT_MATCHING_ORDER;
+    }
+
+    get selectedFields() {
+        const lastIndex = this.order.length - 1;
+
+        return this.order
+            .map((key, index) => {
+                const field = this.fields.find((option) => option.key === key);
+                if (!field) {
+                    return null;
+                }
+
+                return {
+                    ...field,
+                    index,
+                    priority: index + 1,
+                    canMoveUp: index > 0,
+                    canMoveDown: index < lastIndex,
+                };
+            })
+            .filter(Boolean);
+    }
+
+    get availableFields() {
+        const selected = new Set(this.order);
+        return this.fields.filter((field) => !selected.has(field.key));
+    }
+
+    get hasSelectedFields() {
+        return this.selectedFields.length > 0;
+    }
+
+    updateOrder(order) {
+        this.args.onChange?.(order);
+    }
+
+    @action addField(field) {
+        if (this.order.includes(field.key)) {
+            return;
+        }
+
+        this.updateOrder([...this.order, field.key]);
+    }
+
+    @action removeField(field) {
+        this.updateOrder(this.order.filter((key) => key !== field.key));
+    }
+
+    @action moveField(field, direction) {
+        const currentIndex = this.order.indexOf(field.key);
+        const nextIndex = currentIndex + direction;
+
+        if (currentIndex < 0 || nextIndex < 0 || nextIndex >= this.order.length) {
+            return;
+        }
+
+        const nextOrder = [...this.order];
+        [nextOrder[currentIndex], nextOrder[nextIndex]] = [nextOrder[nextIndex], nextOrder[currentIndex]];
+        this.updateOrder(nextOrder);
+    }
+}

package/addon/components/fuel-report/details.hbs

@@ -9,6 +9,18 @@
                 <div class="field-name">{{t "common.status"}}</div>
                 <div class="field-value"><Badge @status={{@resource.status}} /></div>
             </div>
+            {{#if @resource.source}}
+                <div class="field-info-container">
+                    <div class="field-name">Source</div>
+                    <div class="field-value"><Badge @status={{@resource.source}} /></div>
+                </div>
+            {{/if}}
+            {{#if @resource.provider}}
+                <div class="field-info-container">
+                    <div class="field-name">Provider</div>
+                    <div class="field-value uppercase">{{@resource.provider}}</div>
+                </div>
+            {{/if}}
             <div class="field-info-container">
                 <div class="field-name">{{t "fuel-report.fields.reporter"}}</div>
                 <div class="field-value">{{n-a @resource.reporter_name}}</div>
@@ -45,4 +57,4 @@
     </ContentPanel>
 
     <CustomField::Yield @subject={{@resource}} @viewMode={{true}} @wrapperClass="bordered-top" />
-</div>
+</div>

package/addon/components/home/getting-started-guidance.hbs

@@ -0,0 +1,113 @@
+{{#unless this.isComplete}}
+    <section class="fleet-ops-home-guidance px-4 pt-4 lg:px-6 {{@class}}" ...attributes>
+        <div class="fleet-ops-home-guidance-grid">
+            <div class="fleet-ops-get-started rounded-md border border-gray-200 bg-white shadow-md dark:border-gray-700 dark:bg-gray-800">
+                <div class="flex items-center justify-between border-b border-gray-200 px-3 py-2 dark:border-gray-700">
+                    <div class="min-w-0">
+                        <div class="truncate text-sm font-bold text-gray-900 dark:text-gray-100">{{t "widget.get-started.title"}}</div>
+                        <div class="truncate text-[11px] text-gray-500 dark:text-gray-400">{{t "widget.get-started.subtitle"}}</div>
+                    </div>
+                    <button type="button" class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200" {{on "click" this.refresh}} title={{t "widget.refresh"}}>
+                        <FaIcon @icon="rotate" class={{if this.gettingStarted.load.isRunning "animate-spin"}} />
+                    </button>
+                </div>
+
+                <div class="fleet-ops-get-started-content grid grid-cols-1 gap-3 p-3">
+                    <div class="flex min-h-0 flex-col gap-2">
+                        {{#if this.gettingStarted.load.isRunning}}
+                            <div class="flex flex-1 items-center justify-center"><Spinner /></div>
+                        {{else if this.gettingStarted.error}}
+                            <div class="flex flex-1 items-center justify-center text-xs text-red-500">{{this.gettingStarted.error}}</div>
+                        {{else}}
+                            <div class="mb-1 flex items-center justify-between">
+                                <span class="text-[11px] font-semibold text-gray-600 dark:text-gray-300">
+                                    {{this.progress.completed}}/{{this.progress.total}}
+                                    {{t "widget.get-started.completed"}}
+                                </span>
+                                <span class="text-[11px] font-semibold text-blue-600 dark:text-blue-300">{{this.progress.percent}}%</span>
+                            </div>
+                            <div class="h-1.5 overflow-hidden rounded-full bg-gray-100 dark:bg-gray-700">
+                                <div class="h-full rounded-full bg-blue-600 transition-all" style={{html-safe (concat "width:" this.progress.percent "%")}}></div>
+                            </div>
+
+                            <div class="mt-1 flex min-h-0 flex-1 flex-col gap-1.5">
+                                {{#each this.steps as |step index|}}
+                                    <button
+                                        type="button"
+                                        class="fleet-ops-get-started-step flex min-h-[58px] w-full items-center gap-2 rounded-md border p-2 text-left transition
+                                            {{if step.completed 'border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800/70'}}
+                                            {{if (this.isActiveStep step) 'border-blue-500 bg-blue-50 shadow-sm dark:border-blue-400 dark:bg-blue-950/30'}}
+                                            {{if (this.isInactiveStep step) 'border-gray-200 bg-white hover:border-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:hover:border-gray-600'}}"
+                                        {{on "click" (fn this.startStep step)}}
+                                    >
+                                        <div
+                                            class="flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full
+                                                {{if
+                                                    step.completed
+                                                    'bg-green-100 text-green-600 dark:bg-green-900/40 dark:text-green-300'
+                                                    'bg-blue-100 text-blue-600 dark:bg-blue-900/40 dark:text-blue-300'
+                                                }}"
+                                        >
+                                            {{#if step.completed}}
+                                                <FaIcon @icon="check" />
+                                            {{else}}
+                                                <FaIcon @icon={{step.icon}} />
+                                            {{/if}}
+                                        </div>
+                                        <div class="min-w-0 flex-1">
+                                            <div class="flex items-center gap-1.5">
+                                                <span class="text-[12px] font-bold text-gray-900 dark:text-gray-100">{{add index 1}}. {{step.title}}</span>
+                                                <span class="hidden text-[10px] text-gray-400 sm:inline"><FaIcon @icon="clock" /> {{step.estimate}}</span>
+                                            </div>
+                                            <div class="truncate text-[11px] text-gray-500 dark:text-gray-400">{{step.description}}</div>
+                                        </div>
+                                        <span class="rounded-full px-2 py-0.5 text-[10px] font-bold {{this.statusClass step}}">{{this.statusText step}}</span>
+                                    </button>
+                                {{/each}}
+                            </div>
+                        {{/if}}
+                    </div>
+                </div>
+            </div>
+
+            <div class="fleet-ops-recommended-features rounded-md border border-gray-200 bg-white shadow-md dark:border-gray-700 dark:bg-gray-800">
+                <div class="border-b border-gray-200 px-3 py-2 dark:border-gray-700">
+                    <div class="truncate text-sm font-bold text-gray-900 dark:text-gray-100">{{t "widget.recommended-features.title"}}</div>
+                    <div class="truncate text-[11px] text-gray-500 dark:text-gray-400">{{t "widget.recommended-features.subtitle"}}</div>
+                </div>
+
+                <div class="p-3">
+                    {{#if this.gettingStarted.load.isRunning}}
+                        <div class="fleet-ops-recommended-features-loading flex items-center justify-center"><Spinner /></div>
+                    {{else if this.gettingStarted.error}}
+                        <div class="fleet-ops-recommended-features-loading flex items-center justify-center text-xs text-red-500">{{this.gettingStarted.error}}</div>
+                    {{else}}
+                        <div class="grid gap-2 sm:grid-cols-2">
+                            {{#each this.recommendations as |feature|}}
+                                <button
+                                    type="button"
+                                    class="fleet-ops-recommended-feature
+                                        {{this.accentClass feature}}
+                                        group flex min-h-[92px] items-start gap-3 rounded-md border border-gray-200 bg-gray-50 p-3 text-left transition hover:border-gray-300 hover:bg-white hover:shadow-sm dark:border-gray-700 dark:bg-gray-800 dark:hover:border-gray-600 dark:hover:bg-gray-700"
+                                    {{on "click" (fn this.openFeature feature)}}
+                                >
+                                    <div class="fleet-ops-recommended-feature-icon flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-md">
+                                        <FaIcon @icon={{feature.icon}} />
+                                    </div>
+                                    <div class="flex min-h-0 flex-1 flex-col">
+                                        <div class="truncate text-[12px] font-bold text-gray-900 dark:text-gray-100">{{feature.title}}</div>
+                                        <p class="mt-1 line-clamp-2 flex-1 text-[11px] leading-4 text-gray-500 dark:text-gray-400">{{feature.description}}</p>
+                                        <div class="mt-2 flex items-center gap-1 text-[11px] font-bold text-blue-600 dark:text-blue-300">
+                                            <span>{{t "widget.recommended-features.learn-more"}}</span>
+                                            <FaIcon @icon="arrow-right" class="transition group-hover:translate-x-0.5" />
+                                        </div>
+                                    </div>
+                                </button>
+                            {{/each}}
+                        </div>
+                    {{/if}}
+                </div>
+            </div>
+        </div>
+    </section>
+{{/unless}}

package/addon/components/home/getting-started-guidance.js

@@ -0,0 +1,107 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
+
+const ACCENT_CLASS = {
+    blue: 'feature-accent-blue',
+    green: 'feature-accent-green',
+    amber: 'feature-accent-amber',
+    purple: 'feature-accent-purple',
+};
+
+export default class HomeGettingStartedGuidanceComponent extends Component {
+    @service gettingStarted;
+    @service router;
+    @service docsPanel;
+
+    constructor() {
+        super(...arguments);
+        this.gettingStarted.load.perform();
+    }
+
+    get steps() {
+        return this.gettingStarted.steps;
+    }
+
+    get recommendations() {
+        return this.gettingStarted.recommendations.slice(0, 4);
+    }
+
+    get progress() {
+        return this.gettingStarted.progress;
+    }
+
+    get nextStep() {
+        return this.gettingStarted.nextStep;
+    }
+
+    get isComplete() {
+        return this.gettingStarted.isCompleted;
+    }
+
+    @action
+    isActiveStep(step) {
+        return this.nextStep?.key === step.key && !step.completed;
+    }
+
+    @action
+    isInactiveStep(step) {
+        return !step.completed && !this.isActiveStep(step);
+    }
+
+    @action
+    statusText(step) {
+        if (step.completed) {
+            return 'Done';
+        }
+
+        return this.isActiveStep(step) ? 'Next' : 'Not started';
+    }
+
+    @action
+    statusClass(step) {
+        if (step.completed) {
+            return 'bg-green-100 text-green-700 dark:bg-green-900/40 dark:text-green-300';
+        }
+
+        if (this.isActiveStep(step)) {
+            return 'bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300';
+        }
+
+        return 'bg-gray-100 text-gray-500 dark:bg-gray-700 dark:text-gray-300';
+    }
+
+    @action
+    accentClass(feature) {
+        return ACCENT_CLASS[feature.accent] ?? ACCENT_CLASS.blue;
+    }
+
+    @action
+    startStep(step) {
+        if (step?.route) {
+            return this.router.transitionTo(step.route);
+        }
+
+        if (step?.docs_url) {
+            return this.openDocs(step.docs_url, step.title, 'fleet-ops-getting-started-guidance');
+        }
+    }
+
+    @action
+    openFeature(feature) {
+        return this.openDocs(feature.docs_url, feature.title, 'fleet-ops-recommended-features-guidance');
+    }
+
+    openDocs(url, title, source) {
+        if (this.docsPanel?.open) {
+            return this.docsPanel.open(url, { title, source });
+        }
+
+        return window.open(url, '_docs');
+    }
+
+    @action
+    refresh() {
+        this.gettingStarted.load.perform();
+    }
+}

package/addon/components/issue/details/comments.hbs

@@ -0,0 +1,3 @@
+<ContentPanel @title="Correspondence" @open={{true}} @wrapperClass="bordered-top">
+    <CommentThread @subject={{@resource}} @subjectType="fleet-ops:issue" />
+</ContentPanel>

package/addon/components/issue/details/comments.js

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class IssueDetailsCommentsComponent extends Component {}

package/addon/components/issue/details/correspondence.hbs

@@ -0,0 +1,9 @@
+<div class="issue-detail-comment-thread" {{did-insert this.loadComments}} {{did-update this.loadComments this.issueId}}>
+    <CommentThread
+        @subject={{@resource}}
+        @subjectType="Fleetbase\FleetOps\Models\Issue"
+        @comments={{this.comments}}
+        @onReloadComments={{this.reloadCommentsForIssue}}
+        @onPublishComment={{this.publishComment}}
+    />
+</div>

package/addon/components/issue/details/correspondence.js

@@ -0,0 +1,83 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+
+const ISSUE_SUBJECT_TYPE = 'Fleetbase\\FleetOps\\Models\\Issue';
+const UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+
+export default class IssueDetailsCorrespondenceComponent extends Component {
+    @service store;
+    @service notifications;
+
+    @tracked comments = [];
+
+    get resource() {
+        return this.args.resource;
+    }
+
+    get issueId() {
+        return this.resource?.id || this.resource?.public_id || this.resource?.uuid;
+    }
+
+    get subjectUuid() {
+        if (this.resource?.uuid) {
+            return this.resource.uuid;
+        }
+
+        if (UUID_PATTERN.test(this.resource?.id ?? '')) {
+            return this.resource.id;
+        }
+
+        return null;
+    }
+
+    get subjectPublicId() {
+        return this.resource?.public_id || this.resource?.id || this.resource?.uuid;
+    }
+
+    @action loadComments() {
+        this.reloadCommentsForIssue();
+    }
+
+    @action async reloadCommentsForIssue() {
+        const query = {
+            withoutParent: 1,
+            sort: '-created_at',
+            subject_type: ISSUE_SUBJECT_TYPE,
+        };
+
+        if (this.subjectUuid) {
+            query.subject_uuid = this.subjectUuid;
+        } else {
+            query.subject = this.subjectPublicId;
+        }
+
+        const comments = await this.store.query('comment', query);
+        this.comments = comments;
+
+        return comments;
+    }
+
+    @action async publishComment(content) {
+        const subjectUuid = this.subjectUuid;
+        if (!subjectUuid) {
+            const error = new Error('Unable to publish comment because the issue UUID is missing.');
+            this.notifications.error(error.message);
+            throw error;
+        }
+
+        const comment = this.store.createRecord('comment', {
+            content,
+            subject_uuid: subjectUuid,
+            subject_type: ISSUE_SUBJECT_TYPE,
+        });
+
+        try {
+            await comment.save();
+        } catch (error) {
+            this.notifications.serverError(error);
+            throw error;
+        }
+    }
+}

package/addon/components/issue/details/documents.hbs

@@ -0,0 +1,69 @@
+<div class="issue-detail-documents">
+    <div class="issue-detail-documents-header">
+        <div class="issue-detail-documents-title">
+            <FaIcon @icon="paperclip" />
+            <span>Attachments</span>
+        </div>
+    </div>
+
+    {{#if this.queueFile.isRunning}}
+        <div class="issue-detail-dropzone is-loading">
+            <Spinner @loadingMessage="Uploading..." />
+        </div>
+    {{else}}
+        {{#let (file-queue name="issue-files" onFileAdded=(perform this.queueFile) accept=(join "," this.acceptedFileTypes)) as |queue|}}
+            <FileDropzone @queue={{queue}} class="issue-detail-dropzone file-dropzone" @disabled={{cannot-write @resource}} as |dropzone|>
+                {{#if dropzone.active}}
+                    {{#if dropzone.valid}}
+                        Drop files to attach them to this issue.
+                    {{else}}
+                        This file type is not supported.
+                    {{/if}}
+                {{else if queue.files.length}}
+                    <div class="issue-detail-dropzone-ready">
+                        <FaIcon @icon="folder-open" />
+                        <span>{{pluralize queue.files.length "file"}} ready for upload</span>
+                    </div>
+                    <div class="issue-detail-dropzone-progress">{{queue.progress}}%</div>
+                {{else}}
+                    <div class="issue-detail-dropzone-empty">
+                        <FaIcon @icon="folder-open" />
+                        <span>Drop documents or images here</span>
+                        <FileUpload
+                            @name="issue-files"
+                            @for="issue-files"
+                            @accept={{join "," this.acceptedFileTypes}}
+                            @multiple={{true}}
+                            @onFileAdded={{perform this.queueFile}}
+                            @disabled={{cannot-write @resource}}
+                        >
+                            <a tabindex={{0}} class="btn btn-sm btn-default">select files</a>
+                        </FileUpload>
+                    </div>
+                {{/if}}
+            </FileDropzone>
+        {{/let}}
+    {{/if}}
+
+    {{#if this.uploadQueue}}
+        <div class="issue-detail-upload-queue mt-4">
+            {{#each this.uploadQueue as |file|}}
+                <div class="issue-detail-upload-row">
+                    <span>{{truncate-filename file.name 40}}</span>
+                    <div class="flex flex-row items-center">
+                        <Spinner class="mr-1" />
+                        <strong>{{round file.progress}}%</strong>
+                    </div>
+                </div>
+            {{/each}}
+        </div>
+    {{/if}}
+
+    {{#if this.files.length}}
+        <div class="issue-detail-file-grid mt-4">
+            {{#each this.files as |file|}}
+                <File @file={{file}} @onDownload={{this.downloadFile}} @onDelete={{perform this.removeFile}} />
+            {{/each}}
+        </div>
+    {{/if}}
+</div>

package/addon/components/issue/details/documents.js

@@ -0,0 +1,85 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { debug } from '@ember/debug';
+import { task } from 'ember-concurrency';
+
+export default class IssueDetailsDocumentsComponent extends Component {
+    @service fetch;
+    @service notifications;
+    @tracked uploadQueue = [];
+    @tracked acceptedFileTypes = [
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+        'application/msword',
+        'application/pdf',
+        'application/x-pdf',
+        'image/jpeg',
+        'image/png',
+        'image/gif',
+        'image/webp',
+        'video/mp4',
+        'video/quicktime',
+        'video/x-msvideo',
+        'video/x-flv',
+        'video/x-ms-wmv',
+        'audio/mpeg',
+        'application/zip',
+        'application/x-tar',
+    ];
+
+    get files() {
+        return this.args.resource?.files ?? [];
+    }
+
+    @task *queueFile(file) {
+        if (['queued', 'failed', 'timed_out', 'aborted'].indexOf(file.state) === -1) return;
+
+        try {
+            this.uploadQueue.pushObject(file);
+            yield this.fetch.uploadFile.perform(
+                file,
+                {
+                    path: 'uploads/fleet-ops/issue-files',
+                    subject_uuid: this.args.resource.id,
+                    subject_type: 'fleet-ops:issue',
+                    type: 'issue_file',
+                },
+                (uploadedFile) => {
+                    if (this.args.resource.files?.pushObject) {
+                        this.args.resource.files.pushObject(uploadedFile);
+                    }
+                    this.uploadQueue.removeObject(file);
+                },
+                () => {
+                    this.uploadQueue.removeObject(file);
+                    if (file.queue && typeof file.queue.remove === 'function') {
+                        file.queue.remove(file);
+                    }
+                }
+            );
+        } catch (err) {
+            debug('Issue document upload failed: ' + err.message);
+            this.notifications.serverError(err);
+        }
+    }
+
+    @task *removeFile(file) {
+        yield file.destroyRecord();
+        if (this.args.resource.files?.removeObject) {
+            this.args.resource.files.removeObject(file);
+        }
+    }
+
+    @action downloadFile(file) {
+        if (typeof file.download === 'function') {
+            return file.download();
+        }
+
+        if (file.url) {
+            window.open(file.url, '_blank');
+        }
+    }
+}