Both expert screens are built in user-app and user-app-v2, with byte-identical
template and script and a per-app style block only — verified by diffing
everything above <style>:
ChildOrdersView "سفارش مشتریان" — legacy ChildOrders.vue. Keeps the
reference's title, search, infinite paging, and per-card item count, total
weight, customer name and the fixed «تحویل مسئول فروش» chip (the endpoint
only returns that status, ApiMobileController:766).
CustomerChoiceView "لیست مشتریان" — legacy customerChoice.vue. Keeps its
title, per-search re-query and the reference's choice to LIST inactive
customers (its active() scope is commented out at :187).
Reachable from inside the app, not just by URL: routes carry the reference's own
paths and names, the dashboard grows the two entries only for an expert (v1 as
tiles, v2 as its own rows), and a router guard sends an ordinary customer back
to their dashboard. None of that is relied on for safety — the server scopes
both endpoints on the AdminUser id in the token and answers 403 otherwise.
Not ported, both recorded in D21: the act-as api_token minting (:197-201) and
the child-order edit drawer, which recomputed an order's money from client-sent
values. The card opens a read-only summary instead.
APP-02 fixed: user-app-v2 gained getHomeSlider and now prefers admin-configured
slides, keeping its category-derived hero as the fallback and its own design.
Session stores stay byte-identical across the apps.
build 5/5, jest 45/45, expert login 36/36, apps smoke 43/43, typecheck clean.
[ref: henza_pwa/src/views/user/src/components/ChildOrders.vue, customerChoice.vue]
[ref: henza_pwa/src/router/index.ts:171-188]
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 lines
2.2 KiB
CSS
2 lines
2.2 KiB
CSS
.cch__barExtra[data-v-e42fd341]{padding:0 16px 12px}.cch__body[data-v-e42fd341]{padding-top:132px;padding-bottom:90px}.cch__list[data-v-e42fd341]{display:flex;flex-direction:column;padding-top:8px}.cch__card[data-v-e42fd341]{padding:18px 2px;background:transparent;border:none;border-bottom:1px solid #ECEDEF;cursor:pointer}.cch__card[data-v-e42fd341]:last-child{border-bottom:none}.cch__card[data-v-e42fd341]:active{opacity:.75}.cch__head[data-v-e42fd341]{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.cch__name[data-v-e42fd341]{margin:0;font-size:15.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cch__state[data-v-e42fd341]{flex:0 0 auto;padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:600}.cch__state.is-on[data-v-e42fd341]{color:#16a34a;background:#dcfce7}.cch__state.is-off[data-v-e42fd341]{color:#dc2626;background:#fee2e2}.cch__facts[data-v-e42fd341]{display:flex;flex-direction:column;gap:7px}.cch__fact[data-v-e42fd341]{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#8a909c}.cch__empty[data-v-e42fd341]{margin-top:8px;padding:34px 20px;border:1px dashed #ECEDEF;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#8a909c}.cch__empty p[data-v-e42fd341]{margin:0;font-size:12.5px}.cch__retry[data-v-e42fd341]{padding:8px 18px;border-radius:999px;border:1px solid #ECEDEF;background:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.cch__detail[data-v-e42fd341]{padding:20px 16px 24px}.cch__detailTitle[data-v-e42fd341]{margin:0 0 16px;font-size:17px;font-weight:700}.cch__rows[data-v-e42fd341]{margin:0;display:flex;flex-direction:column}.cch__row[data-v-e42fd341]{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid #ECEDEF}.cch__row[data-v-e42fd341]:last-child{border-bottom:none}.cch__row dt[data-v-e42fd341]{font-size:13px;color:#8a909c}.cch__row dd[data-v-e42fd341]{margin:0;font-size:14px;font-weight:600}.cch__close[data-v-e42fd341]{margin-top:18px;width:100%;padding:13px;border:none;border-radius:14px;background:#14161a;color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
|