ts-glitter 13.3.5 → 13.3.7

package/lowcode/cms-plugin/permission-setting.ts

@@ -57,10 +57,10 @@ interface PosPermissionItem {
         }[];
         name: string;
         pin: string;
-        phone:string;
+        phone: string;
         member_id: string;
         title: string;
-        come_from:string;
+        come_from: string;
     };
     created_time: string;
     updated_time: string;
@@ -98,15 +98,13 @@ type PosViewModel = {
     filter: any;
 };
 
-
-
 export class PermissionSetting {
-    static main(gvc: GVC,edit_mode:'pos'|'backend') {
+    static main(gvc: GVC, edit_mode: 'pos' | 'backend') {
         const glitter = gvc.glitter;
         const dialog = new ShareDialog(glitter);
-        function getInitialData(){
-            if(edit_mode==='backend'){
-                const a:ViewModel={
+        function getInitialData() {
+            if (edit_mode === 'backend') {
+                const a: ViewModel = {
                     id: glitter.getUUID(),
                     filterId: glitter.getUUID(),
                     tableId: glitter.getUUID(),
@@ -134,10 +132,10 @@ export class PermissionSetting {
                     },
                     dataList: [],
                     filter: {},
-                }
-                return a
-            }else {
-                return  {
+                };
+                return a;
+            } else {
+                return {
                     id: glitter.getUUID(),
                     filterId: glitter.getUUID(),
                     tableId: glitter.getUUID(),
@@ -165,7 +163,7 @@ export class PermissionSetting {
                     },
                     dataList: [],
                     filter: {},
-                }
+                };
             }
         }
         const vm: any = getInitialData();
@@ -176,40 +174,13 @@ export class PermissionSetting {
         function getDatalist() {
             return vm.dataList.map((dd: any) => {
                 return [
-                    {
-                        key: EditorElem.checkBoxOnly({
-                            gvc: gvc,
-                            def: !vm.dataList.find((dd: any) => {
-                                return !dd.checked;
-                            }),
-                            callback: (result) => {
-                                vm.dataList.map((dd: any) => {
-                                    dd.checked = result;
-                                });
-                                vmi.data = getDatalist();
-                                vmi.callback();
-                                gvc.notifyDataChange(vm.filterId);
-                            },
-                        }),
-                        value: EditorElem.checkBoxOnly({
-                            gvc: gvc,
-                            def: dd.checked,
-                            callback: (result) => {
-                                dd.checked = result;
-                                vmi.data = getDatalist();
-                                vmi.callback();
-                                gvc.notifyDataChange(vm.filterId);
-                            },
-                            style: 'height:25px;',
-                        }),
-                    },
                     {
                         key: '員工名稱',
                         value: `<span class="fs-7">${dd.config.name}</span>`,
                     },
                     {
                         key: '信箱帳號',
-                        value: dd.email||dd.config.verifyEmail ? `<span class="fs-7">${dd.email||dd.config.verifyEmail}</span>` : BgWidget.warningInsignia('信箱尚未註冊'),
+                        value: dd.email || dd.config.verifyEmail ? `<span class="fs-7">${dd.email || dd.config.verifyEmail}</span>` : BgWidget.warningInsignia('信箱尚未註冊'),
                     },
                     {
                         key: '電話',
@@ -219,14 +190,16 @@ export class PermissionSetting {
                         key: '職稱',
                         value: `<span class="fs-7">${dd.config.title}</span>`,
                     },
-                    ...(()=>{
-                        if(edit_mode==='pos'){
-                            return []
-                        }else{
-                            return  [ {
-                                key: '最後登入',
-                                value: dd.online_time ? html`<span class="fs-7">${glitter.ut.dateFormat(new Date(dd.online_time), 'yyyy-MM-dd hh:mm')}</span>` : '...',
-                            },]
+                    ...(() => {
+                        if (edit_mode === 'pos') {
+                            return [];
+                        } else {
+                            return [
+                                {
+                                    key: '最後登入',
+                                    value: dd.online_time ? html`<span class="fs-7">${glitter.ut.dateFormat(new Date(dd.online_time), 'yyyy-MM-dd hh:mm')}</span>` : '...',
+                                },
+                            ];
                         }
                     })(),
                     {
@@ -270,14 +243,16 @@ export class PermissionSetting {
                             })()
                         ),
                     },
-                    ...(()=>{
-                        if(edit_mode==='pos'){
-                            return []
-                        }else{
-                            return  [ {
-                                key: '邀請狀態',
-                                value: dd.invited ? BgWidget.infoInsignia('已接受') : BgWidget.notifyInsignia('邀請中'),
-                            }]
+                    ...(() => {
+                        if (edit_mode === 'pos') {
+                            return [];
+                        } else {
+                            return [
+                                {
+                                    key: '邀請狀態',
+                                    value: dd.invited ? BgWidget.infoInsignia('已接受') : BgWidget.notifyInsignia('邀請中'),
+                                },
+                            ];
                         }
                     })(),
                 ];
@@ -288,7 +263,6 @@ export class PermissionSetting {
             bind: vm.id,
             dataList: [{ obj: vm, key: 'type' }],
             view: () => {
-
                 if (vm.type === 'list') {
                     return BgWidget.container(
                         html` <div class="d-flex w-100 align-items-center mb-3 mb-sm-3" style="gap: 14px;">
@@ -302,7 +276,7 @@ export class PermissionSetting {
                                     })
                                 )}
                             </div>
-                 
+
                             ${BgWidget.mainCard(
                                 [
                                     (() => {
@@ -370,7 +344,7 @@ export class PermissionSetting {
                                     gvc.bindView({
                                         bind: vm.tableId,
                                         view: () => {
-                                            return BgWidget.tableV2({
+                                            return BgWidget.tableV3({
                                                 gvc: gvc,
                                                 getData: (vd) => {
                                                     vmi = vd;
@@ -383,9 +357,11 @@ export class PermissionSetting {
                                                         orderBy: vm.orderString,
                                                         filter: vm.filter,
                                                     }).then((data) => {
-                                                        vmi.pageSize = Math.ceil(data.response.total / limit);
                                                         vm.dataList = data.response.data;
-                                                        vmi.data = getDatalist();
+                                                        vmi.pageSize = Math.ceil(data.response.total / limit);
+                                                        vmi.originalData = vm.dataList;
+                                                        vmi.tableData = getDatalist();
+                                                        vmi.loading = false;
                                                         vmi.callback();
                                                     });
                                                 },
@@ -393,71 +369,53 @@ export class PermissionSetting {
                                                     vm.data = vm.dataList[index];
                                                     vm.type = 'replace';
                                                 },
-                                                filter: gvc.bindView(() => {
-                                                    return {
-                                                        bind: vm.filterId,
-                                                        view: () => {
+                                                filter: [
+                                                    {
+                                                        name: '批量刪除',
+                                                        event: () => {
                                                             const dialog = new ShareDialog(gvc.glitter);
-                                                            const selCount = vm.dataList.filter((dd: any) => dd.checked).length;
-                                                            return BgWidget.selNavbar({
-                                                                count: selCount,
-                                                                buttonList: [
-                                                                    BgWidget.selEventButton(
-                                                                        '批量刪除',
-                                                                        gvc.event(() => {
-                                                                            dialog.warningMessage({
-                                                                                text: '您即將批量刪除所選員工的所有資料<br />此操作無法復原。確定要刪除嗎？',
-                                                                                callback: (response) => {
-                                                                                    if (response) {
-                                                                                        let n = 0;
-                                                                                        const emails = vm.dataList
-                                                                                            .filter((dd: any) => {
-                                                                                                return dd.checked;
-                                                                                            })
-                                                                                            .map((dd: any) => {
-                                                                                                return dd.email || dd.config.verifyEmail;
-                                                                                            });
+                                                            dialog.warningMessage({
+                                                                text: '您即將批量刪除所選員工的所有資料<br />此操作無法復原。確定要刪除嗎？',
+                                                                callback: (response) => {
+                                                                    if (response) {
+                                                                        let n = 0;
+                                                                        const emails = vm.dataList
+                                                                            .filter((dd: any) => {
+                                                                                return dd.checked;
+                                                                            })
+                                                                            .map((dd: any) => {
+                                                                                return dd.email || dd.config.verifyEmail;
+                                                                            });
 
-                                                                                        dialog.dataLoading({ visible: true });
-                                                                                        new Promise<void>((resolve, reject) => {
-                                                                                            for (const email of emails) {
-                                                                                                ApiUser.deletePermission(email).then((res) => {
-                                                                                                    if (res.result && res.response.result) {
-                                                                                                        if (++n === emails.length) {
-                                                                                                            resolve();
-                                                                                                        }
-                                                                                                    } else {
-                                                                                                        dialog.dataLoading({ visible: false });
-                                                                                                        dialog.errorMessage({ text: '刪除失敗' });
-                                                                                                        reject();
-                                                                                                    }
-                                                                                                });
-                                                                                            }
-                                                                                        }).then(() => {
-                                                                                            dialog.dataLoading({ visible: false });
-                                                                                            dialog.successMessage({ text: '刪除成功' });
-                                                                                            setTimeout(() => {
-                                                                                                vm.dataList = undefined;
-                                                                                                gvc.notifyDataChange(vm.id);
-                                                                                            }, 400);
-                                                                                        });
+                                                                        dialog.dataLoading({ visible: true });
+                                                                        new Promise<void>((resolve, reject) => {
+                                                                            for (const email of emails) {
+                                                                                ApiUser.deletePermission(email).then((res) => {
+                                                                                    if (res.result && res.response.result) {
+                                                                                        if (++n === emails.length) {
+                                                                                            resolve();
+                                                                                        }
+                                                                                    } else {
+                                                                                        dialog.dataLoading({ visible: false });
+                                                                                        dialog.errorMessage({ text: '刪除失敗' });
+                                                                                        reject();
                                                                                     }
-                                                                                },
-                                                                            });
-                                                                        })
-                                                                    ),
-                                                                ],
+                                                                                });
+                                                                            }
+                                                                        }).then(() => {
+                                                                            dialog.dataLoading({ visible: false });
+                                                                            dialog.successMessage({ text: '刪除成功' });
+                                                                            setTimeout(() => {
+                                                                                vm.dataList = undefined;
+                                                                                gvc.notifyDataChange(vm.id);
+                                                                            }, 300);
+                                                                        });
+                                                                    }
+                                                                },
                                                             });
                                                         },
-                                                        divCreate: () => {
-                                                            const display = !vm.dataList || !vm.dataList.find((dd: any) => dd.checked) ? 'd-none' : '';
-                                                            return {
-                                                                class: `d-flex align-items-center p-2 ${display}`,
-                                                                style: ``,
-                                                            };
-                                                        },
-                                                    };
-                                                }),
+                                                    },
+                                                ],
                                             });
                                         },
                                     }),
@@ -466,35 +424,33 @@ export class PermissionSetting {
                         BgWidget.getContainerWidth()
                     );
                 } else if (vm.type == 'replace') {
-                    if(edit_mode==='pos'){
+                    if (edit_mode === 'pos') {
                         return this.editorDetailPos({
                             vm: vm,
                             gvc: gvc,
-                            type: 'replace'
+                            type: 'replace',
                         });
-                    }else{
+                    } else {
                         return this.editorDetail({
                             vm: vm,
                             gvc: gvc,
-                            type: 'replace'
+                            type: 'replace',
                         });
                     }
-
                 }
-                if(edit_mode==='pos'){
+                if (edit_mode === 'pos') {
                     return this.editorDetailPos({
                         vm: vm,
                         gvc: gvc,
-                        type: 'add'
+                        type: 'add',
                     });
-                }else{
+                } else {
                     return this.editorDetail({
                         vm: vm,
                         gvc: gvc,
-                        type: 'add'
+                        type: 'add',
                     });
                 }
-
             },
         });
     }
@@ -591,9 +547,11 @@ export class PermissionSetting {
                                 ),
                                 BgWidget.mainCard(html` <div class="tx_700">權限指派</div>
                                     ${BgWidget.mbContainer(18)} ${this.permissionOptions(gvc, vm.data.config.auth)}`),
-                            ].filter((dd)=>{
-                                return dd
-                            }).join(BgWidget.mbContainer(24)),
+                            ]
+                                .filter((dd) => {
+                                    return dd;
+                                })
+                                .join(BgWidget.mbContainer(24)),
                             // 空白容器
                             BgWidget.mbContainer(240),
                             // 儲存資料
@@ -684,7 +642,7 @@ export class PermissionSetting {
         });
     }
 
-    static editorDetailPos(obj: { vm: PosViewModel; gvc: GVC; type: string}) {
+    static editorDetailPos(obj: { vm: PosViewModel; gvc: GVC; type: string }) {
         const html = String.raw;
         const gvc = obj.gvc;
         const vm = obj.vm;
@@ -695,16 +653,15 @@ export class PermissionSetting {
             return {
                 bind: viewID,
                 view: () => {
-
                     return BgWidget.container(
                         [
                             // 上層導覽
                             html` <div class="d-flex w-100 align-items-center ">
                                 ${BgWidget.goBack(
-                                gvc.event(() => {
-                                    vm.type = 'list';
-                                })
-                            )}
+                                    gvc.event(() => {
+                                        vm.type = 'list';
+                                    })
+                                )}
                                 ${BgWidget.title(obj.type === 'add' ? '新增員工' : '編輯員工')}
                             </div>`,
                             [
@@ -715,8 +672,8 @@ export class PermissionSetting {
                                           <div class="d-flex align-items-center gap-2">
                                               <div class="tx_normal">存取權開啟</div>
                                               ${BgWidget.switchButton(gvc, vm.data.status === 1, () => {
-                                        vm.data.status = (vm.data.status - 1) * -1;
-                                    })}
+                                                  vm.data.status = (vm.data.status - 1) * -1;
+                                              })}
                                           </div>
                                           ${BgWidget.grayNote('一鍵開啟或關閉此員工的登入存取權，停用後員工將無法登入店家管理後台。')}
                                       `)
@@ -727,24 +684,24 @@ export class PermissionSetting {
                                         ${BgWidget.mbContainer(18)}
                                         <div class="row">
                                             ${[
-                                        BgWidget.editeInput({
-                                            gvc: gvc,
-                                            title: '員工名稱',
-                                            placeHolder: `請輸入員工名稱`,
-                                            default: vm.data.config.name,
-                                            callback: (text) => {
-                                                vm.data.config.name = text;
-                                            },
-                                        }),
-                                        BgWidget.editeInput({
-                                            gvc: gvc,
-                                            title: '職稱',
-                                            placeHolder: `請輸入職稱`,
-                                            default: vm.data.config.title,
-                                            callback: (text) => {
-                                                vm.data.config.title = text;
-                                            },
-                                        }),
+                                                BgWidget.editeInput({
+                                                    gvc: gvc,
+                                                    title: '員工名稱',
+                                                    placeHolder: `請輸入員工名稱`,
+                                                    default: vm.data.config.name,
+                                                    callback: (text) => {
+                                                        vm.data.config.name = text;
+                                                    },
+                                                }),
+                                                BgWidget.editeInput({
+                                                    gvc: gvc,
+                                                    title: '職稱',
+                                                    placeHolder: `請輸入職稱`,
+                                                    default: vm.data.config.title,
+                                                    callback: (text) => {
+                                                        vm.data.config.title = text;
+                                                    },
+                                                }),
                                                 BgWidget.editeInput({
                                                     gvc: gvc,
                                                     title: '電話',
@@ -764,136 +721,137 @@ export class PermissionSetting {
                                                     },
                                                     readonly: obj.type === 'replace',
                                                 }),
-                                        BgWidget.editeInput({
-                                            gvc: gvc,
-                                            title: '員工編號',
-                                            placeHolder: '此員工編號會用作POS登入帳號',
-                                            default: vm.data.config.member_id,
-                                            callback: (text) => {
-                                                vm.data.config.member_id = text;
-                                            }
-                                        }),
-                                        BgWidget.editeInput({
-                                            gvc: gvc,
-                                            title: 'PIN碼',
-                                            type:'number',
-                                            placeHolder: `此PIN碼會用作員工登入密碼`,
-                                            default: vm.data.config.pin,
-                                            callback: (text) => {
-                                                vm.data.config.pin = text;
-                                            },
-                                            pattern:"0-9",
-                                            oninput:(text)=>{
-                                           
-                                                if(text.length>=6){
-                                                    text.substring(0,6)
-                                                    vm.data.config.pin = text;
-                                                    gvc.notifyDataChange(viewID)
-                                                }
-                                            }
-                                        }),
-                                    ]
-                                        .filter((str) => {
-                                            return str.length > 0;
-                                        })
-                                        .map((str) => {
-                                            return html`<div class="col-12 col-md-6">${str}</div>`;
-                                        })
-                                        .join('')}
+                                                BgWidget.editeInput({
+                                                    gvc: gvc,
+                                                    title: '員工編號',
+                                                    placeHolder: '此員工編號會用作POS登入帳號',
+                                                    default: vm.data.config.member_id,
+                                                    callback: (text) => {
+                                                        vm.data.config.member_id = text;
+                                                    },
+                                                }),
+                                                BgWidget.editeInput({
+                                                    gvc: gvc,
+                                                    title: 'PIN碼',
+                                                    type: 'number',
+                                                    placeHolder: `此PIN碼會用作員工登入密碼`,
+                                                    default: vm.data.config.pin,
+                                                    callback: (text) => {
+                                                        vm.data.config.pin = text;
+                                                    },
+                                                    pattern: '0-9',
+                                                    oninput: (text) => {
+                                                        if (text.length >= 6) {
+                                                            text.substring(0, 6);
+                                                            vm.data.config.pin = text;
+                                                            gvc.notifyDataChange(viewID);
+                                                        }
+                                                    },
+                                                }),
+                                            ]
+                                                .filter((str) => {
+                                                    return str.length > 0;
+                                                })
+                                                .map((str) => {
+                                                    return html`<div class="col-12 col-md-6">${str}</div>`;
+                                                })
+                                                .join('')}
                                         </div>
                                     `
-                                )
-                            ].filter((dd)=>{
-                                return dd
-                            }).join(BgWidget.mbContainer(24)),
+                                ),
+                            ]
+                                .filter((dd) => {
+                                    return dd;
+                                })
+                                .join(BgWidget.mbContainer(24)),
                             // 空白容器
                             BgWidget.mbContainer(240),
                             // 儲存資料
                             html` <div class="update-bar-container">
                                 ${obj.type === 'replace'
-                                ? BgWidget.redButton(
-                                    '移除此員工',
+                                    ? BgWidget.redButton(
+                                          '移除此員工',
+                                          gvc.event(() => {
+                                              dialog.warningMessage({
+                                                  text: '此動作無法復原，確定要刪除此員工嗎？',
+                                                  callback: (bool) => {
+                                                      if (bool) {
+                                                          dialog.dataLoading({ visible: true });
+                                                          ApiUser.deletePermission(vm.data.email || (vm.data.config as any).verifyEmail).then((res) => {
+                                                              dialog.dataLoading({ visible: false });
+                                                              if (res.result && res.response.result) {
+                                                                  dialog.successMessage({ text: '刪除成功' });
+                                                                  vm.type = 'list';
+                                                              } else {
+                                                                  dialog.errorMessage({ text: '刪除失敗' });
+                                                              }
+                                                          });
+                                                      }
+                                                  },
+                                              });
+                                          })
+                                      )
+                                    : ''}
+                                ${BgWidget.cancel(
                                     gvc.event(() => {
-                                        dialog.warningMessage({
-                                            text: '此動作無法復原，確定要刪除此員工嗎？',
-                                            callback: (bool) => {
-                                                if (bool) {
-                                                    dialog.dataLoading({ visible: true });
-                                                    ApiUser.deletePermission(vm.data.email || (vm.data.config as any).verifyEmail).then((res) => {
-                                                        dialog.dataLoading({ visible: false });
-                                                        if (res.result && res.response.result) {
-                                                            dialog.successMessage({ text: '刪除成功' });
-                                                            vm.type = 'list';
-                                                        } else {
-                                                            dialog.errorMessage({ text: '刪除失敗' });
-                                                        }
-                                                    });
-                                                }
-                                            },
-                                        });
+                                        vm.type = 'list';
                                     })
-                                )
-                                : ''}
-                                ${BgWidget.cancel(
-                                gvc.event(() => {
-                                    vm.type = 'list';
-                                })
-                            )}
+                                )}
                                 ${BgWidget.save(
-                                gvc.event(() => {
-                                    if (CheckInput.isEmpty(vm.data.config.name)) {
-                                        dialog.infoMessage({ text: '員工名稱不可為空' });
-                                        return;
-                                    }
-                                    if (CheckInput.isEmpty(vm.data.config.title)) {
-                                        dialog.infoMessage({ text: '職稱不可為空' });
-                                        return;
-                                    }
-                                    if (obj.type === 'add' && !CheckInput.isEmail(vm.data.email)) {
-                                        dialog.infoMessage({ text: '信箱格式錯誤' });
-                                        return;
-                                    }
-                                    if (CheckInput.isEmpty(vm.data.config.phone)) {
-                                        dialog.infoMessage({ text: '電話不可為空' });
-                                        return;
-                                    }
-                                    if(CheckInput.isEmpty(  vm.data.config.pin)){
-                                        dialog.infoMessage({ text: 'PIN不可為空' });
-                                        return;
-                                    }else if(vm.data.config.pin.length<6){
-                                        dialog.infoMessage({ text: 'PIN碼長度需等於6' });
-                                        return;
-                                    }else if(!(/^[0-9]+$/.test(vm.data.config.pin))){
-                                        dialog.infoMessage({ text: 'PIN碼只能包含數字' });
-                                        return;
-                                    }
-                                  
-                                    if (!CheckInput.isTaiwanPhone(vm.data.config.phone)) {
-                                        dialog.infoMessage({ text: BgWidget.taiwanPhoneAlert() });
-                                        return;
-                                    }
+                                    gvc.event(() => {
+                                        if (CheckInput.isEmpty(vm.data.config.name)) {
+                                            dialog.infoMessage({ text: '員工名稱不可為空' });
+                                            return;
+                                        }
+                                        if (CheckInput.isEmpty(vm.data.config.title)) {
+                                            dialog.infoMessage({ text: '職稱不可為空' });
+                                            return;
+                                        }
+                                        if (obj.type === 'add' && !CheckInput.isEmail(vm.data.email)) {
+                                            dialog.infoMessage({ text: '信箱格式錯誤' });
+                                            return;
+                                        }
+                                        if (CheckInput.isEmpty(vm.data.config.phone)) {
+                                            dialog.infoMessage({ text: '電話不可為空' });
+                                            return;
+                                        }
+                                        if (CheckInput.isEmpty(vm.data.config.pin)) {
+                                            dialog.infoMessage({ text: 'PIN不可為空' });
+                                            return;
+                                        } else if (vm.data.config.pin.length < 6) {
+                                            dialog.infoMessage({ text: 'PIN碼長度需等於6' });
+                                            return;
+                                        } else if (!/^[0-9]+$/.test(vm.data.config.pin)) {
+                                            dialog.infoMessage({ text: 'PIN碼只能包含數字' });
+                                            return;
+                                        }
+
+                                        if (!CheckInput.isTaiwanPhone(vm.data.config.phone)) {
+                                            dialog.infoMessage({ text: BgWidget.taiwanPhoneAlert() });
+                                            return;
+                                        }
 
-                                    dialog.dataLoading({ visible: true });
-                                    vm.data.config.come_from='pos'
-                                    ApiUser.setPermission({
-                                        email: obj.type === 'add' ? vm.data.email : original.email,
-                                        config: vm.data.config,
-                                        status: vm.data.status
-                                    }).then((res) => {
-                                        dialog.dataLoading({ visible: false });
-                                        if (res.result) {
-                                            if (res.response.result) {
-                                                vm.type = 'list';
-                                                dialog.successMessage({ text: '更新成功' });
+                                        dialog.dataLoading({ visible: true });
+                                        vm.data.config.come_from = 'pos';
+                                        ApiUser.setPermission({
+                                            email: obj.type === 'add' ? vm.data.email : original.email,
+                                            config: vm.data.config,
+                                            status: vm.data.status,
+                                        }).then((res) => {
+                                            dialog.dataLoading({ visible: false });
+                                            if (res.result) {
+                                                if (res.response.result) {
+                                                    vm.type = 'list';
+                                                    dialog.successMessage({ text: '更新成功' });
+                                                } else {
+                                                    dialog.errorMessage({ text: res.response.message });
+                                                }
                                             } else {
-                                                dialog.errorMessage({ text: res.response.message });
+                                                dialog.errorMessage({ text: '更新失敗' });
                                             }
-                                        } else {
-                                            dialog.errorMessage({ text: '更新失敗' });
-                                        }
-                                    });
-                                })
-                            )}
+                                        });
+                                    })
+                                )}
                             </div>`,
                         ].join(html`<div style="margin-top: 24px;"></div>`),
                         BgWidget.getContainerWidth() / (document.body.clientWidth > 768 ? 1.25 : 1)