1350 lines
206 KiB
HTML
1350 lines
206 KiB
HTML
<!DOCTYPE html>
|
||
<!-- saved from url=(0045)http://localhost:8080/manage/pages/18900/edit -->
|
||
<html lang="en" style=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style id="codex-tooltips-style">.ct{z-index:999;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-transition:opacity 50ms ease-in,-webkit-transform 70ms cubic-bezier(.215,.61,.355,1);transition:opacity 50ms ease-in,-webkit-transform 70ms cubic-bezier(.215,.61,.355,1);transition:opacity 50ms ease-in,transform 70ms cubic-bezier(.215,.61,.355,1);transition:opacity 50ms ease-in,transform 70ms cubic-bezier(.215,.61,.355,1),-webkit-transform 70ms cubic-bezier(.215,.61,.355,1);will-change:opacity,top,left;-webkit-box-shadow:0 8px 12px 0 rgba(29,32,43,.17),0 4px 5px -3px rgba(5,6,12,.49);box-shadow:0 8px 12px 0 rgba(29,32,43,.17),0 4px 5px -3px rgba(5,6,12,.49);border-radius:9px}.ct,.ct:before{position:absolute;top:0;left:0}.ct:before{content:"";bottom:0;right:0;background-color:#1d202b;z-index:-1;border-radius:4px}@supports(-webkit-mask-box-image:url("")){.ct:before{border-radius:0;-webkit-mask-box-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M10.71 0h2.58c3.02 0 4.64.42 6.1 1.2a8.18 8.18 0 013.4 3.4C23.6 6.07 24 7.7 24 10.71v2.58c0 3.02-.42 4.64-1.2 6.1a8.18 8.18 0 01-3.4 3.4c-1.47.8-3.1 1.21-6.11 1.21H10.7c-3.02 0-4.64-.42-6.1-1.2a8.18 8.18 0 01-3.4-3.4C.4 17.93 0 16.3 0 13.29V10.7c0-3.02.42-4.64 1.2-6.1a8.18 8.18 0 013.4-3.4C6.07.4 7.7 0 10.71 0z"/></svg>') 48% 41% 37.9% 53.3%}}@media (--mobile){.ct{display:none}}.ct__content{padding:6px 10px;color:#cdd1e0;font-size:12px;text-align:center;letter-spacing:.02em;line-height:1em}.ct:after{content:"";width:8px;height:8px;position:absolute;background-color:#1d202b;z-index:-1}.ct--bottom{-webkit-transform:translateY(5px);transform:translateY(5px)}.ct--bottom:after{top:-3px;left:50%;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}.ct--top{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.ct--top:after{top:auto;bottom:-3px;left:50%;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}.ct--left{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.ct--left:after{top:50%;left:auto;right:0;-webkit-transform:translate(41.6%,-50%) rotate(-45deg);transform:translate(41.6%,-50%) rotate(-45deg)}.ct--right{-webkit-transform:translateX(5px);transform:translateX(5px)}.ct--right:after{top:50%;left:0;-webkit-transform:translate(-41.6%,-50%) rotate(-45deg);transform:translate(-41.6%,-50%) rotate(-45deg)}.ct--shown{opacity:1;-webkit-transform:none;transform:none}</style><style id="editor-js-styles">:root{--selectionColor: #e1f2ff;--inlineSelectionColor: #d4ecff;--bg-light: #eff2f5;--grayText: #707684;--color-dark: #1D202B;--color-active-icon: #388AE5;--color-gray-border: rgba(201, 201, 204, .48);--content-width: 650px;--narrow-mode-right-padding: 50px;--toolbox-buttons-size: 26px;--toolbox-buttons-size--mobile: 36px;--icon-size: 20px;--icon-size--mobile: 28px;--block-padding-vertical: .4em;--color-line-gray: #EFF0F1 }.codex-editor{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}.codex-editor .hide{display:none}.codex-editor__redactor [contenteditable]:empty:after{content:"\feff"}@media (min-width: 651px){.codex-editor--narrow .codex-editor__redactor{margin-right:50px}}@media (min-width: 651px){.codex-editor--narrow.codex-editor--rtl .codex-editor__redactor{margin-left:50px;margin-right:0}}@media (min-width: 651px){.codex-editor--narrow .ce-toolbar__actions{right:-5px}}.codex-editor-copyable{position:absolute;height:1px;width:1px;top:-400%;opacity:.001}.codex-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;pointer-events:none;overflow:hidden}.codex-editor-overlay__container{position:relative;pointer-events:auto;z-index:0}.codex-editor-overlay__rectangle{position:absolute;pointer-events:none;background-color:#2eaadc33;border:1px solid transparent}.codex-editor svg{max-height:100%}.codex-editor path{stroke:currentColor}.codex-editor ::-moz-selection{background-color:#d4ecff}.codex-editor ::selection{background-color:#d4ecff}.codex-editor--toolbox-opened [contentEditable=true][data-placeholder]:focus:before{opacity:0!important}.ce-scroll-locked{overflow:hidden}.ce-scroll-locked--hard{overflow:hidden;top:calc(-1 * var(--window-scroll-offset));position:fixed;width:100%}.ce-toolbar{position:absolute;left:0;right:0;top:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;will-change:opacity,top;display:none}.ce-toolbar--opened{display:block}.ce-toolbar__content{max-width:650px;margin:0 auto;position:relative}.ce-toolbar__plus{color:#1d202b;cursor:pointer;width:26px;height:26px;border-radius:7px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 650px){.ce-toolbar__plus{width:36px;height:36px}}@media (hover: hover){.ce-toolbar__plus:hover{background-color:#eff2f5}}.ce-toolbar__plus--active{background-color:#eff2f5;-webkit-animation:bounceIn .75s 1;animation:bounceIn .75s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ce-toolbar__plus-shortcut{opacity:.6;word-spacing:-2px;margin-top:5px}@media (max-width: 650px){.ce-toolbar__plus{position:absolute;background-color:#fff;border:1px solid #E8E8EB;-webkit-box-shadow:0 3px 15px -3px rgba(13,20,33,.13);box-shadow:0 3px 15px -3px #0d142121;border-radius:6px;z-index:2;position:static}.ce-toolbar__plus--left-oriented:before{left:15px;margin-left:0}.ce-toolbar__plus--right-oriented:before{left:auto;right:15px;margin-left:0}}.ce-toolbar__actions{position:absolute;right:100%;opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding-right:5px}.ce-toolbar__actions--opened{opacity:1}@media (max-width: 650px){.ce-toolbar__actions{right:auto}}.ce-toolbar__settings-btn{color:#1d202b;width:26px;height:26px;border-radius:7px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-left:3px;cursor:pointer;user-select:none}@media (max-width: 650px){.ce-toolbar__settings-btn{width:36px;height:36px}}@media (hover: hover){.ce-toolbar__settings-btn:hover{background-color:#eff2f5}}.ce-toolbar__settings-btn--active{background-color:#eff2f5;-webkit-animation:bounceIn .75s 1;animation:bounceIn .75s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 651px){.ce-toolbar__settings-btn{width:24px}}.ce-toolbar__settings-btn--hidden{display:none}@media (max-width: 650px){.ce-toolbar__settings-btn{position:absolute;background-color:#fff;border:1px solid #E8E8EB;-webkit-box-shadow:0 3px 15px -3px rgba(13,20,33,.13);box-shadow:0 3px 15px -3px #0d142121;border-radius:6px;z-index:2;position:static}.ce-toolbar__settings-btn--left-oriented:before{left:15px;margin-left:0}.ce-toolbar__settings-btn--right-oriented:before{left:auto;right:15px;margin-left:0}}.ce-toolbar__plus svg,.ce-toolbar__settings-btn svg{width:24px;height:24px}@media (min-width: 651px){.codex-editor--narrow .ce-toolbar__plus{left:5px}}@media (min-width: 651px){.codex-editor--narrow .ce-toolbox .ce-popover{right:0;left:auto;left:initial}}.ce-inline-toolbar{--y-offset: 8px;--color-background-icon-active: rgba(56, 138, 229, .1);--color-text-icon-active: #388AE5;--color-text-primary: black;position:absolute;visibility:hidden;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;will-change:opacity,left,top;top:0;left:0;z-index:3;opacity:1;visibility:visible}.ce-inline-toolbar [hidden]{display:none!important}.ce-inline-toolbar__toggler-and-button-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:0 6px}.ce-inline-toolbar__buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.ce-inline-toolbar__dropdown{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px;margin:0 6px 0 -6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-right:1px solid rgba(201,201,204,.48);-webkit-box-sizing:border-box;box-sizing:border-box}@media (hover: hover){.ce-inline-toolbar__dropdown:hover{background:#eff2f5}}.ce-inline-toolbar__dropdown--hidden{display:none}.ce-inline-toolbar__dropdown-content,.ce-inline-toolbar__dropdown-arrow{display:-webkit-box;display:-ms-flexbox;display:flex}.ce-inline-toolbar__dropdown-content svg,.ce-inline-toolbar__dropdown-arrow svg{width:20px;height:20px}.ce-inline-toolbar__shortcut{opacity:.6;word-spacing:-3px;margin-top:3px}.ce-inline-tool{color:var(--color-text-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;border-radius:4px;line-height:normal;height:100%;padding:0;width:28px;background-color:transparent;cursor:pointer}@media (max-width: 650px){.ce-inline-tool{width:36px;height:36px}}@media (hover: hover){.ce-inline-tool:hover{background-color:#f8f8f8}}.ce-inline-tool svg{display:block;width:20px;height:20px}@media (max-width: 650px){.ce-inline-tool svg{width:28px;height:28px}}.ce-inline-tool--link .icon--unlink,.ce-inline-tool--unlink .icon--link{display:none}.ce-inline-tool--unlink .icon--unlink{display:inline-block;margin-bottom:-1px}.ce-inline-tool-input{background:#F8F8F8;border:1px solid rgba(226,226,229,.2);border-radius:6px;padding:4px 8px;font-size:14px;line-height:22px;outline:none;margin:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;font-weight:500;-webkit-appearance:none;font-family:inherit}@media (max-width: 650px){.ce-inline-tool-input{font-size:15px;font-weight:500}}.ce-inline-tool-input::-webkit-input-placeholder{color:#707684}.ce-inline-tool-input::-moz-placeholder{color:#707684}.ce-inline-tool-input:-ms-input-placeholder{color:#707684}.ce-inline-tool-input::-ms-input-placeholder{color:#707684}.ce-inline-tool-input::placeholder{color:#707684}.ce-inline-tool-input--showed{display:block}.ce-inline-tool--active{background:var(--color-background-icon-active);color:var(--color-text-icon-active)}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ce-block{-webkit-animation:fade-in .3s ease;animation:fade-in .3s ease;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-fill-mode:initial;animation-fill-mode:initial}.ce-block:first-of-type{margin-top:0}.ce-block--selected .ce-block__content{background:#e1f2ff}.ce-block--selected .ce-block__content [contenteditable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ce-block--selected .ce-block__content img,.ce-block--selected .ce-block__content .ce-stub{opacity:.55}.ce-block--stretched .ce-block__content{max-width:none}.ce-block__content{position:relative;max-width:650px;margin:0 auto;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.ce-block--drop-target .ce-block__content:before{content:"";position:absolute;top:100%;left:-20px;margin-top:-1px;height:8px;width:8px;border:solid #388AE5;border-width:1px 1px 0 0;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ce-block--drop-target .ce-block__content:after{content:"";position:absolute;top:100%;height:1px;width:100%;color:#388ae5;background:repeating-linear-gradient(90deg,#388AE5,#388AE5 1px,#fff 1px,#fff 6px)}.ce-block a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.ce-block b{font-weight:700}.ce-block i{font-style:italic}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}20%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}60%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}20%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}60%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@-webkit-keyframes selectionBounce{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}50%{-webkit-transform:scale3d(1.01,1.01,1.01);transform:scale3d(1.01,1.01,1.01)}70%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes selectionBounce{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}50%{-webkit-transform:scale3d(1.01,1.01,1.01);transform:scale3d(1.01,1.01,1.01)}70%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@-webkit-keyframes buttonClicked{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.95,.95,.95);transform:scale3d(.95,.95,.95)}60%{-webkit-transform:scale3d(1.02,1.02,1.02);transform:scale3d(1.02,1.02,1.02)}80%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes buttonClicked{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.95,.95,.95);transform:scale3d(.95,.95,.95)}60%{-webkit-transform:scale3d(1.02,1.02,1.02);transform:scale3d(1.02,1.02,1.02)}80%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.cdx-block{padding:.4em 0}.cdx-block::-webkit-input-placeholder{line-height:normal!important}.cdx-input{border:1px solid rgba(201,201,204,.48);-webkit-box-shadow:inset 0 1px 2px 0 rgba(35,44,72,.06);box-shadow:inset 0 1px 2px #232c480f;border-radius:3px;padding:10px 12px;outline:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.cdx-input[data-placeholder]:before{position:static!important}.cdx-input[data-placeholder]:before{display:inline-block;width:0;white-space:nowrap;pointer-events:none}.cdx-settings-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:3px;cursor:pointer;border:0;outline:none;background-color:transparent;vertical-align:bottom;color:inherit;margin:0;min-width:26px;min-height:26px}.cdx-settings-button--focused{background:rgba(34,186,255,.08)!important}.cdx-settings-button--focused{-webkit-box-shadow:inset 0 0 0px 1px rgba(7,161,227,.08);box-shadow:inset 0 0 0 1px #07a1e314}.cdx-settings-button--focused-animated{-webkit-animation-name:buttonClicked;animation-name:buttonClicked;-webkit-animation-duration:.25s;animation-duration:.25s}.cdx-settings-button--active{color:#388ae5}.cdx-settings-button svg{width:auto;height:auto}@media (max-width: 650px){.cdx-settings-button svg{width:28px;height:28px}}@media (max-width: 650px){.cdx-settings-button{width:36px;height:36px;border-radius:8px}}@media (hover: hover){.cdx-settings-button:hover{background-color:#eff2f5}}.cdx-loader{position:relative;border:1px solid rgba(201,201,204,.48)}.cdx-loader:before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-11px 0 0 -11px;border:2px solid rgba(201,201,204,.48);border-left-color:#388ae5;border-radius:50%;-webkit-animation:cdxRotation 1.2s infinite linear;animation:cdxRotation 1.2s infinite linear}@-webkit-keyframes cdxRotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes cdxRotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cdx-button{padding:13px;border-radius:3px;border:1px solid rgba(201,201,204,.48);font-size:14.9px;background:#fff;-webkit-box-shadow:0 2px 2px 0 rgba(18,30,57,.04);box-shadow:0 2px 2px #121e390a;color:#707684;text-align:center;cursor:pointer}@media (hover: hover){.cdx-button:hover{background:#FBFCFE;-webkit-box-shadow:0 1px 3px 0 rgba(18,30,57,.08);box-shadow:0 1px 3px #121e3914}}.cdx-button svg{height:20px;margin-right:.2em;margin-top:-2px}.ce-stub{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 18px;margin:10px 0;border-radius:10px;background:#eff2f5;border:1px solid #EFF0F1;color:#707684;font-size:14px}.ce-stub svg{width:20px;height:20px}.ce-stub__info{margin-left:14px}.ce-stub__title{font-weight:500;text-transform:capitalize}.codex-editor.codex-editor--rtl{direction:rtl}.codex-editor.codex-editor--rtl .cdx-list{padding-left:0;padding-right:40px}.codex-editor.codex-editor--rtl .ce-toolbar__plus{right:-26px;left:auto}.codex-editor.codex-editor--rtl .ce-toolbar__actions{right:auto;left:-26px}@media (max-width: 650px){.codex-editor.codex-editor--rtl .ce-toolbar__actions{margin-left:0;margin-right:auto;padding-right:0;padding-left:10px}}.codex-editor.codex-editor--rtl .ce-settings{left:5px;right:auto}.codex-editor.codex-editor--rtl .ce-settings:before{right:auto;left:25px}.codex-editor.codex-editor--rtl .ce-settings__button:not(:nth-child(3n+3)){margin-left:3px;margin-right:0}.codex-editor.codex-editor--rtl .ce-conversion-tool__icon{margin-right:0;margin-left:10px}.codex-editor.codex-editor--rtl .ce-inline-toolbar__dropdown{border-right:0px solid transparent;border-left:1px solid rgba(201,201,204,.48);margin:0 -6px 0 6px}.codex-editor.codex-editor--rtl .ce-inline-toolbar__dropdown .icon--toggler-down{margin-left:0;margin-right:4px}@media (min-width: 651px){.codex-editor--narrow.codex-editor--rtl .ce-toolbar__plus{left:0;right:5px}}@media (min-width: 651px){.codex-editor--narrow.codex-editor--rtl .ce-toolbar__actions{left:-5px}}.cdx-search-field{--icon-margin-right: 10px;background:#F8F8F8;border:1px solid rgba(226,226,229,.2);border-radius:6px;padding:2px;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto}.cdx-search-field__icon{width:26px;height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:var(--icon-margin-right)}.cdx-search-field__icon svg{width:20px;height:20px;color:#707684}.cdx-search-field__input{font-size:14px;outline:none;font-weight:500;font-family:inherit;border:0;background:transparent;margin:0;padding:0;line-height:22px;min-width:calc(100% - 26px - var(--icon-margin-right))}.cdx-search-field__input::-webkit-input-placeholder{color:#707684;font-weight:500}.cdx-search-field__input::-moz-placeholder{color:#707684;font-weight:500}.cdx-search-field__input:-ms-input-placeholder{color:#707684;font-weight:500}.cdx-search-field__input::-ms-input-placeholder{color:#707684;font-weight:500}.cdx-search-field__input::placeholder{color:#707684;font-weight:500}.ce-popover{--border-radius: 6px;--width: 200px;--max-height: 270px;--padding: 6px;--offset-from-target: 8px;--color-border: #EFF0F1;--color-shadow: rgba(13, 20, 33, .1);--color-background: white;--color-text-primary: black;--color-text-secondary: #707684;--color-border-icon: rgba(201, 201, 204, .48);--color-border-icon-disabled: #EFF0F1;--color-text-icon-active: #388AE5;--color-background-icon-active: rgba(56, 138, 229, .1);--color-background-item-focus: rgba(34, 186, 255, .08);--color-shadow-item-focus: rgba(7, 161, 227, .08);--color-background-item-hover: #F8F8F8;--color-background-item-confirm: #E24A4A;--color-background-item-confirm-hover: #CE4343;--popover-top: calc(100% + var(--offset-from-target));--popover-left: 0;--nested-popover-overlap: 4px;--icon-size: 20px;--item-padding: 3px;--item-height: calc(var(--icon-size) + 2 * var(--item-padding))}.ce-popover__container{min-width:var(--width);width:var(--width);max-height:var(--max-height);border-radius:var(--border-radius);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0px 3px 15px -3px var(--color-shadow);box-shadow:0 3px 15px -3px var(--color-shadow);position:absolute;left:var(--popover-left);top:var(--popover-top);background:var(--color-background);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:4;opacity:0;max-height:0;pointer-events:none;padding:0;border:none}.ce-popover--opened>.ce-popover__container{opacity:1;padding:var(--padding);max-height:var(--max-height);pointer-events:auto;-webkit-animation:panelShowing .1s ease;animation:panelShowing .1s ease;border:1px solid var(--color-border)}@media (max-width: 650px){.ce-popover--opened>.ce-popover__container{-webkit-animation:panelShowingMobile .25s ease;animation:panelShowingMobile .25s ease}}.ce-popover--open-top .ce-popover__container{--popover-top: calc(-1 * (var(--offset-from-target) + var(--popover-height)))}.ce-popover--open-left .ce-popover__container{--popover-left: calc(-1 * var(--width) + 100%)}.ce-popover__items{overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}@media (max-width: 650px){.ce-popover__overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#1D202B;z-index:3;opacity:.5;-webkit-transition:opacity .12s ease-in;transition:opacity .12s ease-in;will-change:opacity;visibility:visible}}.ce-popover__overlay--hidden{display:none}@media (max-width: 650px){.ce-popover .ce-popover__container{--offset: 5px;position:fixed;max-width:none;min-width:calc(100% - var(--offset) * 2);left:var(--offset);right:var(--offset);bottom:calc(var(--offset) + env(safe-area-inset-bottom));top:auto;border-radius:10px}}.ce-popover__search{margin-bottom:5px}.ce-popover__nothing-found-message{color:#707684;display:none;cursor:default;padding:3px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-popover__nothing-found-message--displayed{display:block}.ce-popover--nested .ce-popover__container{--popover-left: calc(var(--nesting-level) * (var(--width) - var(--nested-popover-overlap)));top:calc(var(--trigger-item-top) - var(--nested-popover-overlap));position:absolute}.ce-popover--open-top.ce-popover--nested .ce-popover__container{top:calc(var(--trigger-item-top) - var(--popover-height) + var(--item-height) + var(--offset-from-target) + var(--nested-popover-overlap))}.ce-popover--open-left .ce-popover--nested .ce-popover__container{--popover-left: calc(-1 * (var(--nesting-level) + 1) * var(--width) + 100%)}.ce-popover-item-separator{padding:4px 3px}.ce-popover-item-separator--hidden{display:none}.ce-popover-item-separator__line{height:1px;background:var(--color-border);width:100%}.ce-popover-item-html--hidden{display:none}.ce-popover-item{--border-radius: 6px;border-radius:var(--border-radius);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--item-padding);color:var(--color-text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;background:transparent}@media (max-width: 650px){.ce-popover-item{padding:4px}}.ce-popover-item:not(:last-of-type){margin-bottom:1px}.ce-popover-item__icon{width:26px;height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ce-popover-item__icon svg{width:20px;height:20px}@media (max-width: 650px){.ce-popover-item__icon{width:36px;height:36px;border-radius:8px}.ce-popover-item__icon svg{width:28px;height:28px}}.ce-popover-item__icon--tool{margin-right:4px}.ce-popover-item__title{font-size:14px;line-height:20px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:auto}@media (max-width: 650px){.ce-popover-item__title{font-size:16px}}.ce-popover-item__secondary-title{color:var(--color-text-secondary);font-size:12px;white-space:nowrap;letter-spacing:-.1em;padding-right:5px;opacity:.6}@media (max-width: 650px){.ce-popover-item__secondary-title{display:none}}.ce-popover-item--active{background:var(--color-background-icon-active);color:var(--color-text-icon-active)}.ce-popover-item--disabled{color:var(--color-text-secondary);cursor:default;pointer-events:none}.ce-popover-item--focused:not(.ce-popover-item--no-focus){background:var(--color-background-item-focus)!important}.ce-popover-item--hidden{display:none}@media (hover: hover){.ce-popover-item:hover{cursor:pointer}.ce-popover-item:hover:not(.ce-popover-item--no-hover){background-color:var(--color-background-item-hover)}}.ce-popover-item--confirmation{background:var(--color-background-item-confirm)}.ce-popover-item--confirmation .ce-popover-item__title,.ce-popover-item--confirmation .ce-popover-item__icon{color:#fff}@media (hover: hover){.ce-popover-item--confirmation:not(.ce-popover-item--no-hover):hover{background:var(--color-background-item-confirm-hover)}}.ce-popover-item--confirmation:not(.ce-popover-item--no-focus).ce-popover-item--focused{background:var(--color-background-item-confirm-hover)!important}@-webkit-keyframes panelShowing{0%{opacity:0;-webkit-transform:translateY(-8px) scale(.9);transform:translateY(-8px) scale(.9)}70%{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes panelShowing{0%{opacity:0;-webkit-transform:translateY(-8px) scale(.9);transform:translateY(-8px) scale(.9)}70%{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes panelShowingMobile{0%{opacity:0;-webkit-transform:translateY(14px) scale(.98);transform:translateY(14px) scale(.98)}70%{opacity:1;-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes panelShowingMobile{0%{opacity:0;-webkit-transform:translateY(14px) scale(.98);transform:translateY(14px) scale(.98)}70%{opacity:1;-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble;-webkit-animation-duration:.4s;animation-duration:.4s}@-webkit-keyframes wobble{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-9%,0,0);transform:translate3d(-9%,0,0)}30%{-webkit-transform:translate3d(9%,0,0);transform:translate3d(9%,0,0)}45%{-webkit-transform:translate3d(-4%,0,0);transform:translate3d(-4%,0,0)}60%{-webkit-transform:translate3d(4%,0,0);transform:translate3d(4%,0,0)}75%{-webkit-transform:translate3d(-1%,0,0);transform:translate3d(-1%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-9%,0,0);transform:translate3d(-9%,0,0)}30%{-webkit-transform:translate3d(9%,0,0);transform:translate3d(9%,0,0)}45%{-webkit-transform:translate3d(-4%,0,0);transform:translate3d(-4%,0,0)}60%{-webkit-transform:translate3d(4%,0,0);transform:translate3d(4%,0,0)}75%{-webkit-transform:translate3d(-1%,0,0);transform:translate3d(-1%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.ce-popover-header{margin-bottom:8px;margin-top:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ce-popover-header__text{font-size:18px;font-weight:600}.ce-popover-header__back-button{border:0;background:transparent;width:36px;height:36px;color:var(--color-text-primary)}.ce-popover-header__back-button svg{display:block;width:28px;height:28px}.ce-popover--inline{--height: 38px;--height-mobile: 46px;--container-padding: 4px;position:relative}.ce-popover--inline .ce-popover__custom-content{margin-bottom:0}.ce-popover--inline .ce-popover__items{display:-webkit-box;display:-ms-flexbox;display:flex}.ce-popover--inline .ce-popover__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:var(--container-padding);height:var(--height);top:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-animation:none;animation:none}@media (max-width: 650px){.ce-popover--inline .ce-popover__container{height:var(--height-mobile);position:absolute}}.ce-popover--inline .ce-popover-item-separator{padding:0 4px}.ce-popover--inline .ce-popover-item-separator__line{height:100%;width:1px}.ce-popover--inline .ce-popover-item{border-radius:4px;padding:4px}.ce-popover--inline .ce-popover-item__icon--tool{-webkit-box-shadow:none;box-shadow:none;background:transparent;margin-right:0}.ce-popover--inline .ce-popover-item__icon{width:auto;width:initial;height:auto;height:initial}.ce-popover--inline .ce-popover-item__icon svg{width:20px;height:20px}@media (max-width: 650px){.ce-popover--inline .ce-popover-item__icon svg{width:28px;height:28px}}.ce-popover--inline .ce-popover-item:not(:last-of-type){margin-bottom:0;margin-bottom:initial}.ce-popover--inline .ce-popover-item-html{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ce-popover--inline .ce-popover-item__icon--chevron-right{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ce-popover--inline .ce-popover--nested-level-1 .ce-popover__container{--offset: 3px;left:0;top:calc(var(--height) + var(--offset))}@media (max-width: 650px){.ce-popover--inline .ce-popover--nested-level-1 .ce-popover__container{top:calc(var(--height-mobile) + var(--offset))}}.ce-popover--inline .ce-popover--nested .ce-popover__container{min-width:var(--width);width:var(--width);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:6px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ce-popover--inline .ce-popover--nested .ce-popover__items{display:block;width:100%}.ce-popover--inline .ce-popover--nested .ce-popover-item{border-radius:6px;padding:3px}@media (max-width: 650px){.ce-popover--inline .ce-popover--nested .ce-popover-item{padding:4px}}.ce-popover--inline .ce-popover--nested .ce-popover-item__icon--tool{margin-right:4px}.ce-popover--inline .ce-popover--nested .ce-popover-item__icon{width:26px;height:26px}.ce-popover--inline .ce-popover--nested .ce-popover-item-separator{padding:4px 3px}.ce-popover--inline .ce-popover--nested .ce-popover-item-separator__line{width:100%;height:1px}.codex-editor [data-placeholder]:empty:before,.codex-editor [data-placeholder][data-empty=true]:before{pointer-events:none;color:#707684;cursor:text;content:attr(data-placeholder)}.codex-editor [data-placeholder-active]:empty:before,.codex-editor [data-placeholder-active][data-empty=true]:before{pointer-events:none;color:#707684;cursor:text}.codex-editor [data-placeholder-active]:empty:focus:before,.codex-editor [data-placeholder-active][data-empty=true]:focus:before{content:attr(data-placeholder-active)}
|
||
</style>
|
||
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
|
||
<title>Edit Page - SIS Vietnam - Manage</title>
|
||
|
||
<!-- Custom fonts for this template-->
|
||
<link href="./Edit Page - SIS Vietnam - Manage_files/all.min.css" rel="stylesheet" type="text/css">
|
||
<link href="./Edit Page - SIS Vietnam - Manage_files/css" rel="stylesheet">
|
||
|
||
<!-- Custom styles for this template-->
|
||
<link href="./Edit Page - SIS Vietnam - Manage_files/sb-admin-2.min.css" rel="stylesheet">
|
||
|
||
<!-- Project-wide CSS Variables & Custom Styles -->
|
||
<link rel="stylesheet" href="./Edit Page - SIS Vietnam - Manage_files/custom.css">
|
||
<!-- Admin Head Hook -->
|
||
|
||
|
||
<style>
|
||
/* Editor.js container styling */
|
||
#editorjs {
|
||
border: 1px solid #d1d3e2;
|
||
border-radius: 0.35rem;
|
||
padding: 16px 12px;
|
||
min-height: 350px;
|
||
background: #fff;
|
||
transition:
|
||
border-color 0.15s ease-in-out,
|
||
box-shadow 0.15s ease-in-out;
|
||
}
|
||
|
||
#editorjs:focus-within {
|
||
border-color: #bac8f3;
|
||
box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
|
||
}
|
||
|
||
/* Block tool styling overrides */
|
||
.ce-block__content {
|
||
max-width: 100% !important;
|
||
}
|
||
|
||
/* Auto scale media inside snippets to fit editor */
|
||
.ce-snippet-wrapper img,
|
||
.ce-snippet-wrapper video,
|
||
.ce-snippet-wrapper iframe {
|
||
max-width: 100% !important;
|
||
height: auto !important;
|
||
}
|
||
|
||
.ce-toolbar__content {
|
||
max-width: 100% !important;
|
||
}
|
||
|
||
/* Make the editor look clean inside the card */
|
||
.codex-editor__redactor {
|
||
padding-bottom: 80px !important;
|
||
}
|
||
|
||
/* Plugin badge info */
|
||
.editor-plugin-info {
|
||
font-size: 0.75rem;
|
||
color: #858796;
|
||
}
|
||
|
||
.editor-plugin-info .badge {
|
||
font-weight: 400;
|
||
font-size: 0.7rem;
|
||
}
|
||
|
||
/* Full Screen Editor Mode */
|
||
.editor-fullscreen {
|
||
position: fixed !important;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100vw !important;
|
||
height: 100vh !important;
|
||
z-index: 9999 !important;
|
||
margin: 0 !important;
|
||
border-radius: 0 !important;
|
||
border: none !important;
|
||
overflow-y: auto !important;
|
||
padding: 40px !important;
|
||
}
|
||
</style>
|
||
<style>.ce-hint--align-start{text-align:left}.ce-hint--align-center{text-align:center}.ce-hint__description{opacity:.6;margin-top:3px}</style><style type="text/css">.cdx-notify--error{background:#fffbfb!important}.cdx-notify--error::before{background:#fb5d5d!important}.cdx-notify__input{max-width:130px;padding:5px 10px;background:#f7f7f7;border:0;border-radius:3px;font-size:13px;color:#656b7c;outline:0}.cdx-notify__input:-ms-input-placeholder{color:#656b7c}.cdx-notify__input::placeholder{color:#656b7c}.cdx-notify__input:focus:-ms-input-placeholder{color:rgba(101,107,124,.3)}.cdx-notify__input:focus::placeholder{color:rgba(101,107,124,.3)}.cdx-notify__button{border:none;border-radius:3px;font-size:13px;padding:5px 10px;cursor:pointer}.cdx-notify__button:last-child{margin-left:10px}.cdx-notify__button--cancel{background:#f2f5f7;box-shadow:0 2px 1px 0 rgba(16,19,29,0);color:#656b7c}.cdx-notify__button--cancel:hover{background:#eee}.cdx-notify__button--confirm{background:#34c992;box-shadow:0 1px 1px 0 rgba(18,49,35,.05);color:#fff}.cdx-notify__button--confirm:hover{background:#33b082}.cdx-notify__btns-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;margin-top:5px}.cdx-notify__cross{position:absolute;top:5px;right:5px;width:10px;height:10px;padding:5px;opacity:.54;cursor:pointer}.cdx-notify__cross::after,.cdx-notify__cross::before{content:'';position:absolute;left:9px;top:5px;height:12px;width:2px;background:#575d67}.cdx-notify__cross::before{transform:rotate(-45deg)}.cdx-notify__cross::after{transform:rotate(45deg)}.cdx-notify__cross:hover{opacity:1}.cdx-notifies{position:fixed;z-index:2;bottom:20px;left:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.cdx-notify{position:relative;width:220px;margin-top:15px;padding:13px 16px;background:#fff;box-shadow:0 11px 17px 0 rgba(23,32,61,.13);border-radius:5px;font-size:14px;line-height:1.4em;word-wrap:break-word}.cdx-notify::before{content:'';position:absolute;display:block;top:0;left:0;width:3px;height:calc(100% - 6px);margin:3px;border-radius:5px;background:0 0}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.cdx-notify--bounce-in{animation-name:bounceIn;animation-duration:.6s;animation-iteration-count:1}.cdx-notify--success{background:#fafffe!important}.cdx-notify--success::before{background:#41ffb1!important}</style><style>.ce-paragraph{line-height:1.6em;outline:none}.ce-block:only-of-type .ce-paragraph[data-placeholder-active]:empty:before,.ce-block:only-of-type .ce-paragraph[data-placeholder-active][data-empty=true]:before{content:attr(data-placeholder-active)}.ce-paragraph p:first-of-type{margin-top:0}.ce-paragraph p:last-of-type{margin-bottom:0}</style><style>.ce-header{padding:.6em 0 3px;margin:0;line-height:1.25em;outline:none}.ce-header p,.ce-header div{padding:0!important;margin:0!important}</style><style>.cdx-nested-list{margin:0;padding:0;outline:none;counter-reset:item;list-style:none}.cdx-nested-list__item{line-height:1.6em;display:flex;margin:2px 0}.cdx-nested-list__item [contenteditable]{outline:none}.cdx-nested-list__item-body{flex-grow:2}.cdx-nested-list__item-content,.cdx-nested-list__item-children{flex-basis:100%}.cdx-nested-list__item-content{word-break:break-word;white-space:pre-wrap}.cdx-nested-list__item:before{counter-increment:item;margin-right:5px;white-space:nowrap}.cdx-nested-list--ordered>.cdx-nested-list__item:before{content:counters(item,".") ". "}.cdx-nested-list--unordered>.cdx-nested-list__item:before{content:"•"}.cdx-nested-list__settings{display:flex}.cdx-nested-list__settings .cdx-settings-button{width:50%}</style><style>.cdx-quote-icon svg{transform:rotate(180deg)}.cdx-quote{margin:0}.cdx-quote__text{min-height:158px;margin-bottom:10px}.cdx-quote [contentEditable=true][data-placeholder]:before{position:absolute;content:attr(data-placeholder);color:#707684;font-weight:400;opacity:0}.cdx-quote [contentEditable=true][data-placeholder]:empty:before{opacity:1}.cdx-quote [contentEditable=true][data-placeholder]:empty:focus:before{opacity:0}.cdx-quote-settings{display:flex}.cdx-quote-settings .cdx-settings-button{width:50%}</style><style>.ce-delimiter{line-height:1.6em;width:100%;text-align:center}.ce-delimiter:before{display:inline-block;content:"***";font-size:30px;line-height:65px;height:30px;letter-spacing:.2em}</style><style>.tc-wrap{--color-background:#f9f9fb;--color-text-secondary:#7b7e89;--color-border:#e8e8eb;--cell-size:34px;--toolbox-icon-size:18px;--toolbox-padding:6px;--toolbox-aiming-field-size:calc(var(--toolbox-icon-size) + var(--toolbox-padding)*2);border-left:0;position:relative;height:100%;width:100%;margin-top:var(--toolbox-icon-size);box-sizing:border-box;display:grid;grid-template-columns:calc(100% - var(--cell-size)) var(--cell-size)}.tc-wrap--readonly{grid-template-columns:100% var(--cell-size)}.tc-wrap svg{vertical-align:top}@media print{.tc-wrap{border-left-color:var(--color-border);border-left-style:solid;border-left-width:1px;grid-template-columns:100% var(--cell-size)}}@media print{.tc-wrap .tc-row:after{display:none}}.tc-table{position:relative;width:100%;height:100%;display:grid;font-size:14px;border-top:1px solid var(--color-border);line-height:1.4}.tc-table:after{width:calc(var(--cell-size));height:100%;left:calc(var(--cell-size)*-1);top:0}.tc-table:after,.tc-table:before{position:absolute;content:""}.tc-table:before{width:100%;height:var(--toolbox-aiming-field-size);top:calc(var(--toolbox-aiming-field-size)*-1);left:0}.tc-table--heading .tc-row:first-child{font-weight:600;border-bottom:2px solid var(--color-border)}.tc-table--heading .tc-row:first-child [contenteditable]:empty:before{content:attr(heading);color:var(--color-text-secondary)}.tc-table--heading .tc-row:first-child:after{bottom:-2px;border-bottom:2px solid var(--color-border)}.tc-add-column,.tc-add-row{display:flex;color:var(--color-text-secondary)}@media print{.tc-add{display:none}}.tc-add-column{padding:4px 0;justify-content:center;border-top:1px solid var(--color-border)}.tc-add-column--disabled{visibility:hidden}@media print{.tc-add-column{display:none}}.tc-add-row{height:var(--cell-size);align-items:center;padding-left:4px;position:relative}.tc-add-row--disabled{display:none}.tc-add-row:before{content:"";position:absolute;right:calc(var(--cell-size)*-1);width:var(--cell-size);height:100%}@media print{.tc-add-row{display:none}}.tc-add-column,.tc-add-row{transition:0s;cursor:pointer;will-change:background-color}.tc-add-column:hover,.tc-add-row:hover{transition:background-color .1s ease;background-color:var(--color-background)}.tc-add-row{margin-top:1px}.tc-add-row:hover:before{transition:.1s;background-color:var(--color-background)}.tc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(10px,1fr));position:relative;border-bottom:1px solid var(--color-border)}.tc-row:after{content:"";pointer-events:none;position:absolute;width:var(--cell-size);height:100%;bottom:-1px;right:calc(var(--cell-size)*-1);border-bottom:1px solid var(--color-border)}.tc-row--selected{background:var(--color-background)}.tc-row--selected:after{background:var(--color-background)}.tc-cell{border-right:1px solid var(--color-border);padding:6px 12px;overflow:hidden;outline:none;line-break:normal}.tc-cell--selected{background:var(--color-background)}.tc-wrap--readonly .tc-row:after{display:none}.tc-toolbox{--toolbox-padding:6px;--popover-margin:30px;--toggler-click-zone-size:30px;--toggler-dots-color:#7b7e89;--toggler-dots-color-hovered:#1d202b;position:absolute;cursor:pointer;z-index:1;opacity:0;transition:opacity .1s;will-change:left,opacity}.tc-toolbox--column{top:calc(var(--toggler-click-zone-size)*-1);transform:translate(calc(var(--toggler-click-zone-size)*-1/2));will-change:left,opacity}.tc-toolbox--row{left:calc(var(--popover-margin)*-1);transform:translateY(calc(var(--toggler-click-zone-size)*-1/2));margin-top:-1px;will-change:top,opacity}.tc-toolbox--showed{opacity:1}.tc-toolbox .tc-popover{position:absolute;top:0;left:var(--popover-margin)}.tc-toolbox__toggler{display:flex;align-items:center;justify-content:center;width:var(--toggler-click-zone-size);height:var(--toggler-click-zone-size);color:var(--toggler-dots-color);opacity:0;transition:opacity .15s ease;will-change:opacity}.tc-toolbox__toggler:hover{color:var(--toggler-dots-color-hovered)}.tc-toolbox__toggler svg{fill:currentColor}.tc-wrap:hover .tc-toolbox__toggler{opacity:1}.tc-settings .cdx-settings-button{width:50%;margin:0}.tc-popover{--color-border:#eaeaea;--color-background:#fff;--color-background-hover:rgba(232,232,235,.49);--color-background-confirm:#e24a4a;--color-background-confirm-hover:#d54040;--color-text-confirm:#fff;background:var(--color-background);border:1px solid var(--color-border);box-shadow:0 3px 15px -3px #0d142121;border-radius:6px;padding:6px;display:none;will-change:opacity,transform}.tc-popover--opened{display:block;animation:menuShowing .1s cubic-bezier(.215,.61,.355,1) forwards}.tc-popover__item{display:flex;align-items:center;padding:2px 14px 2px 2px;border-radius:5px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tc-popover__item:hover{background:var(--color-background-hover)}.tc-popover__item:not(:last-of-type){margin-bottom:2px}.tc-popover__item-icon{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:var(--color-background);border-radius:5px;border:1px solid var(--color-border);margin-right:8px}.tc-popover__item-label{line-height:22px;font-size:14px;font-weight:500}.tc-popover__item--confirm{background:var(--color-background-confirm);color:var(--color-text-confirm)}.tc-popover__item--confirm:hover{background-color:var(--color-background-confirm-hover)}.tc-popover__item--confirm .tc-popover__item-icon{background:var(--color-background-confirm);border-color:#0000001a}.tc-popover__item--confirm .tc-popover__item-icon svg{transition:transform .2s ease-in;transform:rotate(90deg) scale(1.2)}.tc-popover__item--hidden{display:none}@keyframes menuShowing{0%{opacity:0;transform:translateY(-8px) scale(.9)}70%{opacity:1;transform:translateY(2px)}to{transform:translateY(0)}}</style><style>.ce-code__textarea{min-height:200px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:#41314e;line-height:1.6em;font-size:12px;background:#f8f7fa;border:1px solid #f1f1f4;box-shadow:none;white-space:pre;word-wrap:normal;overflow-x:auto;resize:vertical}</style><style>.cdx-warning{position:relative}@media all and (min-width: 736px){.cdx-warning{padding-left:36px}}.cdx-warning [contentEditable=true][data-placeholder]:before{position:absolute;content:attr(data-placeholder);color:#707684;font-weight:400;opacity:0}.cdx-warning [contentEditable=true][data-placeholder]:empty:before{opacity:1}.cdx-warning [contentEditable=true][data-placeholder]:empty:focus:before{opacity:0}.cdx-warning:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='4' stroke='black' stroke-width='2'/%3E%3Cline x1='12' y1='9' x2='12' y2='12' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 15.02V15.01' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");width:24px;height:24px;background-size:24px 24px;position:absolute;margin-top:8px;left:0}@media all and (max-width: 735px){.cdx-warning:before{display:none}}.cdx-warning__message{min-height:85px}.cdx-warning__title{margin-bottom:6px}</style><style>.cdx-marker{background:rgba(245,235,111,.29);padding:3px 0}</style><style>.inline-code{background:rgba(250,239,240,.78);color:#b44437;padding:3px 4px;border-radius:5px;margin:0 1px;font-family:inherit;font-size:.86em;font-weight:500;letter-spacing:.3px}</style><style>.cdx-underline {
|
||
text-decoration: underline;
|
||
}
|
||
</style><style>.image-tool{--bg-color: #cdd1e0;--front-color: #388ae5;--border-color: #e8e8eb}.image-tool__image{border-radius:3px;overflow:hidden;margin-bottom:10px}.image-tool__image-picture{max-width:100%;vertical-align:bottom;display:block}.image-tool__image-preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--bg-color);background-position:center center}.image-tool__image-preloader:after{content:"";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--bg-color);border-top-color:var(--front-color);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:image-preloader-spin 2s infinite linear;box-sizing:border-box}.image-tool__caption[contentEditable=true][data-placeholder]:before{position:absolute!important;content:attr(data-placeholder);color:#707684;font-weight:400;display:none}.image-tool__caption[contentEditable=true][data-placeholder]:empty:before{display:block}.image-tool__caption[contentEditable=true][data-placeholder]:empty:focus:before{display:none}.image-tool--empty .image-tool__image,.image-tool--empty .image-tool__caption,.image-tool--loading .image-tool__caption{display:none}.image-tool .cdx-button{display:flex;align-items:center;justify-content:center}.image-tool .cdx-button svg{height:auto;margin:0 6px 0 0}.image-tool--filled .cdx-button,.image-tool--filled .image-tool__image-preloader{display:none}.image-tool--loading .image-tool__image{min-height:200px;display:flex;border:1px solid var(--border-color);background-color:#fff}.image-tool--loading .image-tool__image-picture,.image-tool--loading .cdx-button{display:none}.image-tool--withBorder .image-tool__image{border:1px solid var(--border-color)}.image-tool--withBackground .image-tool__image{padding:15px;background:var(--bg-color)}.image-tool--withBackground .image-tool__image-picture{max-width:60%;margin:0 auto}.image-tool--stretched .image-tool__image-picture{width:100%}@keyframes image-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}</style><style type="text/css">.cdx-attaches {
|
||
--color-line: #EFF0F1;
|
||
--color-bg: #fff;
|
||
--color-bg-secondary: #F8F8F8;
|
||
--color-bg-secondary--hover: #f2f2f2;
|
||
--color-text-secondary: #707684;
|
||
}
|
||
|
||
.cdx-attaches--with-file {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 10px 12px;
|
||
border: 1px solid var(--color-line);
|
||
border-radius: 7px;
|
||
background: var(--color-bg);
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__file-info {
|
||
display: grid;
|
||
grid-gap: 4px;
|
||
max-width: calc(100% - 80px);
|
||
margin: auto 0;
|
||
flex-grow: 2;
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__download-button {
|
||
display: flex;
|
||
align-items: center;
|
||
background: var(--color-bg-secondary);
|
||
padding: 6px;
|
||
border-radius: 6px;
|
||
margin: auto 0 auto auto;
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__download-button:hover {
|
||
background: var(--color-bg-secondary--hover);
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__download-button svg {
|
||
width: 20px;
|
||
height: 20px;
|
||
fill: none;
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__file-icon {
|
||
position: relative;
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__file-icon-background {
|
||
background-color: #333;
|
||
|
||
width: 27px;
|
||
height: 30px;
|
||
margin-right: 12px;
|
||
border-radius: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
@supports(-webkit-mask-box-image: url('')){
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__file-icon-background {
|
||
border-radius: 0;
|
||
-webkit-mask-box-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.3872C0 1.83334 1.83334 0 10.3872 0H13.6128C22.1667 0 24 1.83334 24 10.3872V13.6128C24 22.1667 22.1667 24 13.6128 24H10.3872C1.83334 24 0 22.1667 0 13.6128V10.3872Z' fill='black'/%3E%3C/svg%3E%0A") 48% 41% 37.9% 53.3%
|
||
};
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__file-icon-label {
|
||
position: absolute;
|
||
left: 3px;
|
||
top: 11px;
|
||
background: inherit;
|
||
text-transform: uppercase;
|
||
line-height: 1em;
|
||
color: #fff;
|
||
padding: 1px 2px;
|
||
border-radius: 3px;
|
||
font-size: 10px;
|
||
font-weight: bold;
|
||
/* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.22); */
|
||
font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
|
||
letter-spacing: 0.02em;
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__file-icon svg {
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__file-icon path {
|
||
stroke: #fff;
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__size {
|
||
color: var(--color-text-secondary);
|
||
font-size: 12px;
|
||
line-height: 1em;
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__size::after {
|
||
content: attr(data-size);
|
||
margin-left: 0.2em;
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__title {
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
outline: none;
|
||
max-width: 90%;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
line-height: 1em;
|
||
}
|
||
|
||
.cdx-attaches--with-file .cdx-attaches__title:empty::before {
|
||
content: attr(data-placeholder);
|
||
color: #7b7e89;
|
||
}
|
||
|
||
.cdx-attaches--loading .cdx-attaches__title,
|
||
.cdx-attaches--loading .cdx-attaches__file-icon,
|
||
.cdx-attaches--loading .cdx-attaches__size,
|
||
.cdx-attaches--loading .cdx-attaches__download-button,
|
||
.cdx-attaches--loading .cdx-attaches__button {
|
||
opacity: 0;
|
||
font-size: 0;
|
||
}
|
||
|
||
.cdx-attaches__button {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #000;
|
||
border-radius: 7px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.cdx-attaches__button svg {
|
||
margin-top: 0;
|
||
}
|
||
</style><script src="./Edit Page - SIS Vietnam - Manage_files/tinymce.min.js.download" referrerpolicy="origin"></script><link rel="stylesheet" type="text/css" id="mce-u0" href="./Edit Page - SIS Vietnam - Manage_files/skin.min.css"></head>
|
||
|
||
<body id="page-top" style="">
|
||
|
||
<!-- Page Wrapper -->
|
||
<div id="wrapper">
|
||
|
||
<!-- Sidebar -->
|
||
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
|
||
|
||
<!-- Sidebar - Brand -->
|
||
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="http://localhost:8080/manage" style="height: 130px;">
|
||
<div class="sidebar-brand-icon">
|
||
<img src="./Edit Page - SIS Vietnam - Manage_files/LogoSIS_White.png" alt="Logo" style="width: 100%;">
|
||
</div>
|
||
<!-- <div class="sidebar-brand-text mx-3">SIS Manage</div> -->
|
||
</a>
|
||
|
||
<!-- Divider -->
|
||
<hr class="sidebar-divider my-0">
|
||
|
||
<!-- Nav Item - Dashboard Collapse Menu -->
|
||
<li class="nav-item active">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapseDashboard" aria-expanded="true" aria-controls="collapseDashboard">
|
||
<i class="fas fa-fw fa-tachometer-alt"></i>
|
||
<span>Dashboard</span>
|
||
</a>
|
||
<div id="collapseDashboard" class="collapse" aria-labelledby="headingDashboard" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<a class="collapse-item" href="http://localhost:8080/manage">Home</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/updates">Updates</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Divider -->
|
||
<hr class="sidebar-divider">
|
||
|
||
<!-- Heading -->
|
||
<div class="sidebar-heading">
|
||
Content
|
||
</div>
|
||
|
||
<!-- Nav Item - Posts Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapsePosts" aria-expanded="true" aria-controls="collapsePosts">
|
||
<i class="fas fa-fw fa-newspaper"></i>
|
||
<span>Posts</span>
|
||
</a>
|
||
<div id="collapsePosts" class="collapse" aria-labelledby="headingPosts" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">Post Management:</h6>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/posts">All Posts</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/posts/new">Add New</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/posts/categories">Categories</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/posts/tags">Tags</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Nav Item - Media Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapseMedia" aria-expanded="true" aria-controls="collapseMedia">
|
||
<i class="fas fa-fw fa-photo-video"></i>
|
||
<span>Media</span>
|
||
</a>
|
||
<div id="collapseMedia" class="collapse" aria-labelledby="headingMedia" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">Media Management:</h6>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/media">Library</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/media/new">Add New</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Nav Item - Pages Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapsePages" aria-expanded="true" aria-controls="collapsePages">
|
||
<i class="fas fa-fw fa-file-alt"></i>
|
||
<span>Pages</span>
|
||
</a>
|
||
<div id="collapsePages" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">Page Management:</h6>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/pages">All Pages</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/pages/new">Add New</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Nav Item - Medical Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapseMedical" aria-expanded="true" aria-controls="collapseMedical">
|
||
<i class="fas fa-fw fa-user-md"></i>
|
||
<span>Medical</span>
|
||
</a>
|
||
<div id="collapseMedical" class="collapse" aria-labelledby="headingMedical" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">Medical Team:</h6>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/doctors">Doctors</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/specialties">Specialties</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Nav Item - Appearance Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapseAppearance" aria-expanded="true" aria-controls="collapseAppearance">
|
||
<i class="fas fa-fw fa-paint-brush"></i>
|
||
<span>Appearance</span>
|
||
</a>
|
||
<div id="collapseAppearance" class="collapse" aria-labelledby="headingAppearance" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">Design Management:</h6>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/themes">Themes</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/theme-editor">Theme File Editor</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/customize">Customize</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/menus">Menus</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/widgets">Widgets</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Divider -->
|
||
<hr class="sidebar-divider">
|
||
|
||
<!-- Heading -->
|
||
<div class="sidebar-heading">
|
||
System
|
||
</div>
|
||
|
||
<!-- Nav Item - Plugins Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapsePlugins" aria-expanded="true" aria-controls="collapsePlugins">
|
||
<i class="fas fa-fw fa-plug"></i>
|
||
<span>Plugins</span>
|
||
</a>
|
||
<div id="collapsePlugins" class="collapse" aria-labelledby="headingPlugins" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">Plugin Management:</h6>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/plugins">Installed Plugins</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/plugins/new">Add New</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/plugins/editor">Plugin File Editor</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/plugins/swiper-slider">Swiper Sliders</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/plugins/tabbed-livestream">Livestream Config</a>
|
||
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Nav Item - Users Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapseUsers" aria-expanded="true" aria-controls="collapseUsers">
|
||
<i class="fas fa-fw fa-users"></i>
|
||
<span>Users</span>
|
||
</a>
|
||
<div id="collapseUsers" class="collapse" aria-labelledby="headingUsers" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">User Management:</h6>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/users">All Users</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/users/new">Add New</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Divider -->
|
||
<hr class="sidebar-divider">
|
||
|
||
<!-- Heading -->
|
||
<div class="sidebar-heading">
|
||
Interface
|
||
</div>
|
||
|
||
<!-- Nav Item - Components Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
|
||
<i class="fas fa-fw fa-cog"></i>
|
||
<span>Components</span>
|
||
</a>
|
||
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">Custom Components:</h6>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/components">Component Templates</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/snippets">HTML Snippets</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Nav Item - Settings Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapseSettings" aria-expanded="true" aria-controls="collapseSettings">
|
||
<i class="fas fa-fw fa-cogs"></i>
|
||
<span>Settings</span>
|
||
</a>
|
||
<div id="collapseSettings" class="collapse" aria-labelledby="headingSettings" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">Configuration:</h6>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/settings/general">General</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/settings/writing">Writing</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/settings/reading">Reading</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/settings/discussion">Discussion</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/settings/media">Media</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/settings/permalinks">Permalinks</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/settings/privacy">Privacy</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/settings/branches">Branches</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Nav Item - Tools Collapse Menu -->
|
||
<li class="nav-item">
|
||
<a class="nav-link collapsed" href="http://localhost:8080/manage/pages/18900/edit#" data-toggle="collapse" data-target="#collapseTools" aria-expanded="true" aria-controls="collapseTools">
|
||
<i class="fas fa-fw fa-wrench"></i>
|
||
<span>Tools</span>
|
||
</a>
|
||
<div id="collapseTools" class="collapse" aria-labelledby="headingTools" data-parent="#accordionSidebar">
|
||
<div class="bg-white py-2 collapse-inner rounded">
|
||
<h6 class="collapse-header">System Tools:</h6>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/tools/import-export">Import / Export</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/tools/site-health">Site Health</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/tools/personal-data">Personal Data (GDPR)</a>
|
||
<a class="collapse-item" href="http://localhost:8080/manage/doctor-scheduler">Doctor Scheduler</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Divider -->
|
||
<hr class="sidebar-divider d-none d-md-block">
|
||
|
||
<!-- Dynamic Extensions Heading (only if dynamic menus exist) -->
|
||
|
||
|
||
<!-- Sidebar Toggler (Sidebar) -->
|
||
<div class="text-center d-none d-md-inline">
|
||
<button class="rounded-circle border-0" id="sidebarToggle"></button>
|
||
</div>
|
||
|
||
</ul>
|
||
<!-- End of Sidebar -->
|
||
|
||
<!-- Content Wrapper -->
|
||
<div id="content-wrapper" class="d-flex flex-column">
|
||
|
||
<!-- Main Content -->
|
||
<div id="content">
|
||
|
||
<!-- Topbar -->
|
||
<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
|
||
|
||
<!-- Sidebar Toggle (Topbar) -->
|
||
<button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
|
||
<i class="fa fa-bars"></i>
|
||
</button>
|
||
|
||
<!-- Topbar Navbar -->
|
||
<ul class="navbar-nav ml-auto">
|
||
|
||
<!-- Nav Item - User Information -->
|
||
<li class="nav-item dropdown no-arrow">
|
||
<a class="nav-link dropdown-toggle" href="http://localhost:8080/manage/pages/18900/edit#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<span class="mr-2 d-none d-lg-inline text-gray-600 small" sec:authentication="name">Admin User</span>
|
||
<img class="img-profile rounded-circle" src="./Edit Page - SIS Vietnam - Manage_files/undraw_profile.svg">
|
||
</a>
|
||
<!-- Dropdown - User Information -->
|
||
<div class="dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown">
|
||
<a class="dropdown-item" href="http://localhost:8080/manage/profile">
|
||
<i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
|
||
Profile
|
||
</a>
|
||
<div class="dropdown-divider"></div>
|
||
<form method="post" action="http://localhost:8080/manage/logout" id="logoutForm" class="d-none"><input type="hidden" name="_csrf" value="jngS3FlSmjEWnF2I2A6Gpv5g379xa2x0xUTpfO945oUNCByW6xx26Dpl_Ak7qzjp4COyx5oF8t5FXw1Z9nzcS9hK17Q0OCSk">
|
||
<input type="hidden" name="_csrf" value="jngS3FlSmjEWnF2I2A6Gpv5g379xa2x0xUTpfO945oUNCByW6xx26Dpl_Ak7qzjp4COyx5oF8t5FXw1Z9nzcS9hK17Q0OCSk">
|
||
</form>
|
||
<a class="dropdown-item" href="http://localhost:8080/manage/pages/18900/edit#" onclick="document.getElementById('logoutForm').submit(); return false;">
|
||
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
|
||
Logout
|
||
</a>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</nav>
|
||
<!-- End of Topbar -->
|
||
|
||
<!-- Begin Page Content -->
|
||
<div class="container-fluid">
|
||
<!-- Page Heading -->
|
||
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
||
<h1 class="h3 mb-0 text-gray-800">Edit Page</h1>
|
||
<a href="http://localhost:8080/manage/pages" class="d-none d-sm-inline-block btn btn-sm btn-secondary shadow-sm">
|
||
<i class="fas fa-arrow-left fa-sm text-white-50"></i> Back to All Pages
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Form Card -->
|
||
<div class="card shadow mb-4">
|
||
<div class="card-header py-3">
|
||
<h6 class="m-0 font-weight-bold text-primary">Update Page Details</h6>
|
||
</div>
|
||
<div class="card-body">
|
||
<form id="pageForm" action="http://localhost:8080/manage/pages/18900" method="post"><input type="hidden" name="_csrf" value="jngS3FlSmjEWnF2I2A6Gpv5g379xa2x0xUTpfO945oUNCByW6xx26Dpl_Ak7qzjp4COyx5oF8t5FXw1Z9nzcS9hK17Q0OCSk">
|
||
<input type="hidden" name="_csrf" value="jngS3FlSmjEWnF2I2A6Gpv5g379xa2x0xUTpfO945oUNCByW6xx26Dpl_Ak7qzjp4COyx5oF8t5FXw1Z9nzcS9hK17Q0OCSk">
|
||
|
||
<!-- Validation errors summary -->
|
||
|
||
|
||
<!-- Title -->
|
||
<div class="form-group">
|
||
<label for="pageTitle" class="font-weight-bold">Title <span class="text-danger">*</span></label>
|
||
<input type="text" class="form-control" id="pageTitle" placeholder="Enter page title (e.g. About Us, Contact)" required="" name="title" value="Ban Giám đốc">
|
||
|
||
</div>
|
||
|
||
<!-- Slug -->
|
||
<div class="form-group">
|
||
<label for="pageSlug" class="font-weight-bold">Slug (URL)</label>
|
||
<div class="mt-2">
|
||
<small class="text-muted">
|
||
<i class="fas fa-link"></i> Permalink:
|
||
<a href="http://localhost:8080/page/ban-giam-doc" target="_blank" style="text-decoration: none" title="Mở trang bài viết trong tab mới">
|
||
<code>/page/<span id="slugPreview">ban-giam-doc</span></code>
|
||
<i class="fas fa-external-link-alt" style="font-size: 11px; margin-left: 4px"></i>
|
||
</a>
|
||
</small>
|
||
</div>
|
||
<div class="input-group">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text">/page/</span>
|
||
</div>
|
||
<input type="text" class="form-control" id="pageSlug" placeholder="auto-generated-from-title" name="slug" value="ban-giam-doc">
|
||
|
||
</div>
|
||
<small class="form-text text-muted">Leave blank to auto-generate from the title. Use lowercase letters, numbers, and hyphens only.</small>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<!-- Page Type -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="pageType" class="font-weight-bold">Page Type <span class="text-danger">*</span></label>
|
||
<select class="form-control" id="pageType" name="pageType">
|
||
<option value="HOME">HOME</option>
|
||
<option value="ABOUT_US">ABOUT_US</option>
|
||
<option value="SPECIALTY">SPECIALTY</option>
|
||
<option value="DOCTOR">DOCTOR</option>
|
||
<option value="SERVICE">SERVICE</option>
|
||
<option value="HEALTH_LIBRARY">HEALTH_LIBRARY</option>
|
||
<option value="NEWS_AND_EVENTS">NEWS_AND_EVENTS</option>
|
||
<option value="PATIENT_SUPPORT">PATIENT_SUPPORT</option>
|
||
<option value="MEDICAL_EXPERT">MEDICAL_EXPERT</option>
|
||
<option value="UMCERS">UMCERS</option>
|
||
<option value="BIDDING">BIDDING</option>
|
||
<option value="CONTACT_US">CONTACT_US</option>
|
||
<option value="CUSTOM" selected="selected">CUSTOM</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Layout -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="pageLayout" class="font-weight-bold">Layout <span class="text-danger">*</span></label>
|
||
<select class="form-control" id="pageLayout" name="layout">
|
||
<option value="STANDARD">STANDARD</option>
|
||
<option value="SIDEBAR">SIDEBAR</option>
|
||
<option value="FULL_WIDTH" selected="selected">FULL_WIDTH</option>
|
||
<option value="FLUID_FULL_WIDTH">FLUID_FULL_WIDTH</option>
|
||
<option value="SPECIALTY_DETAIL">SPECIALTY_DETAIL</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Status -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="pageStatus" class="font-weight-bold">Status <span class="text-danger">*</span></label>
|
||
<select class="form-control" id="pageStatus" name="status">
|
||
<option value="DRAFT">DRAFT</option>
|
||
<option value="PUBLISHED" selected="selected">PUBLISHED</option>
|
||
<option value="ARCHIVED">ARCHIVED</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Display Order -->
|
||
<div class="col-md-3">
|
||
<div class="form-group">
|
||
<label for="pageDisplayOrder" class="font-weight-bold">Display Order</label>
|
||
<input type="number" class="form-control" id="pageDisplayOrder" placeholder="0" min="0" name="displayOrder" value="0">
|
||
<small class="form-text text-muted">Lower numbers appear first.</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Meta Description -->
|
||
<div class="form-group">
|
||
<label for="pageMetaDescription" class="font-weight-bold">Meta Description (SEO)</label>
|
||
<textarea class="form-control" id="pageMetaDescription" rows="2" maxlength="500" placeholder="Brief description for search engines (max 500 characters)" name="metaDescription"></textarea>
|
||
<small class="form-text text-muted">This appears in Google search results below the page title.</small>
|
||
</div>
|
||
|
||
<!-- Dedicated Custom CSS & Custom JS (IDE Code Editor Styling) -->
|
||
<div class="card shadow mb-4 border-left-primary">
|
||
<div class="card-header py-3 bg-dark text-white d-flex justify-content-between align-items-center">
|
||
<h6 class="m-0 font-weight-bold"><i class="fas fa-code text-info"></i> Dedicated Custom CSS & JavaScript (Page-Specific IDE)</h6>
|
||
<span class="badge badge-secondary font-weight-normal"><i class="fas fa-terminal"></i> Live Code Injection</span>
|
||
</div>
|
||
<div class="card-body bg-light p-3">
|
||
<!-- Custom CSS Editor -->
|
||
<div class="form-group mb-4">
|
||
<div class="d-flex justify-content-between align-items-center mb-1">
|
||
<label for="customCss" class="font-weight-bold text-primary mb-0">
|
||
<i class="fab fa-css3-alt"></i> Custom CSS (Page-Specific Styles)
|
||
</label>
|
||
<div>
|
||
<button type="button" class="btn btn-outline-primary btn-sm px-2 py-0 mr-1" id="btnGenMediaQueryPage" title="Auto-generate Media Queries for Mobile, Tablet & Desktop" style="font-size: 11px;">
|
||
<i class="fas fa-mobile-alt"></i> Auto-Generate Media Queries
|
||
</button>
|
||
<span class="badge badge-info px-2 py-1" style="font-family: monospace;">CSS3</span>
|
||
</div>
|
||
</div>
|
||
<textarea class="form-control text-white" id="customCss" rows="6" placeholder="/* Enter custom CSS rules here (e.g. .my-hero-title { color: #881C1C; }) */" style="background-color: #1e1e24; color: #66d9ef; font-family: 'Fira Code', Consolas, Monaco, 'Courier New', monospace; font-size: 13px; line-height: 1.5; tab-size: 2; border-radius: 6px; border: 1px solid #3b82f6; box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);" name="customCss" data-code-editor-init="true"></textarea>
|
||
<small class="form-text text-muted"><i class="fas fa-info-circle"></i> CSS entered here is injected into this page's <head>. Press <kbd>Tab</kbd> to indent.</small>
|
||
</div>
|
||
<!-- Custom JS Editor -->
|
||
<div class="form-group mb-0">
|
||
<div class="d-flex justify-content-between align-items-center mb-1">
|
||
<label for="customJs" class="font-weight-bold text-warning mb-0">
|
||
<i class="fab fa-js-square"></i> Custom JavaScript (Page-Specific Logic)
|
||
</label>
|
||
<span class="badge badge-warning text-dark px-2 py-1" style="font-family: monospace;">ES6 JS</span>
|
||
</div>
|
||
<textarea class="form-control text-white" id="customJs" rows="6" placeholder="// Enter custom JS code here (e.g. console.log('Page loaded');)" style="background-color: #1e1e24; color: #f59e0b; font-family: 'Fira Code', Consolas, Monaco, 'Courier New', monospace; font-size: 13px; line-height: 1.5; tab-size: 2; border-radius: 6px; border: 1px solid #f59e0b; box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);" name="customJs" data-code-editor-init="true"></textarea>
|
||
<small class="form-text text-muted"><i class="fas fa-info-circle"></i> JavaScript entered here executes when this page is loaded. Press <kbd>Tab</kbd> to indent.</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Specialty/Contact Info -->
|
||
<div class="card bg-light mb-4">
|
||
<div class="card-body">
|
||
<h6 class="font-weight-bold text-primary mb-3">Thông tin liên hệ & Banner (Dành riêng cho trang Chuyên khoa)</h6>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<div class="form-group">
|
||
<label for="contactEmail" class="font-weight-bold">Email</label>
|
||
<input type="text" class="form-control" id="contactEmail" placeholder="vd: capcuu@umc.edu.vn" name="contactEmail" value="">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="form-group">
|
||
<label for="contactPhone" class="font-weight-bold">Điện thoại / SĐT</label>
|
||
<input type="text" class="form-control" id="contactPhone" placeholder="vd: 028 3952 5115" name="contactPhone" value="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="contactAddress" class="font-weight-bold">Địa chỉ</label>
|
||
<input type="text" class="form-control" id="contactAddress" placeholder="vd: Tầng trệt - Khu A" name="contactAddress" value="">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="heroImage" class="font-weight-bold">Ảnh Banner (Hero Image URL)</label>
|
||
<div class="input-group">
|
||
<input type="text" class="form-control" id="heroImage" placeholder="URL ảnh" name="heroImage" value="">
|
||
<div class="input-group-append">
|
||
<button type="button" class="btn btn-outline-secondary" onclick="document.getElementById('mediaManagerBtn').click()">
|
||
<i class="fas fa-image"></i> Chọn ảnh
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Block Editor Content -->
|
||
<div class="form-group">
|
||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||
<label class="font-weight-bold mb-0"> <i class="fas fa-cubes"></i> Page Content (Block Editor) </label>
|
||
<div>
|
||
<button type="button" class="btn btn-sm btn-outline-success mr-1" id="exportJsonBtn">
|
||
<i class="fas fa-file-export"></i> Export JSON
|
||
</button>
|
||
<button type="button" class="btn btn-sm btn-outline-info mr-1" id="importJsonBtn">
|
||
<i class="fas fa-file-import"></i> Import JSON
|
||
</button>
|
||
<button type="button" class="btn btn-sm btn-outline-primary" id="toggleFullscreenBtn">
|
||
<i class="fas fa-expand"></i> Full Screen Mode
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="editor-plugin-info mb-2">
|
||
Active blocks:
|
||
<span class="badge badge-light">Heading</span>
|
||
<span class="badge badge-light">List</span>
|
||
<span class="badge badge-light">Quote</span>
|
||
<span class="badge badge-light">Table</span>
|
||
<span class="badge badge-light">Code</span>
|
||
<span class="badge badge-light">Delimiter</span>
|
||
<span class="badge badge-light">Warning</span>
|
||
<span id="pluginBadges"><span class="badge badge-info ml-1">snippet (plugin)</span><span class="badge badge-info ml-1">timeline (plugin)</span><span class="badge badge-info ml-1">grid (plugin)</span><span class="badge badge-info ml-1">flex (plugin)</span><span class="badge badge-info ml-1">hovercard (plugin)</span><span class="badge badge-info ml-1">tag (plugin)</span><span class="badge badge-info ml-1">stickyNav (plugin)</span><span class="badge badge-info ml-1">nav (plugin)</span><span class="badge badge-info ml-1">hero (plugin)</span><span class="badge badge-info ml-1">textStyling (plugin)</span><span class="badge badge-info ml-1">tinymce (plugin)</span><span class="badge badge-info ml-1">image (plugin)</span></span>
|
||
</div>
|
||
|
||
<!-- The Editor.js container -->
|
||
<div id="editorjs"><div class="codex-editor"><div class="codex-editor__redactor" style="padding-bottom: 300px;"><div class="ce-block" data-cy="block-wrapper" data-id="oLrwTD1uPv"><div class="ce-block__content" style="text-align: center;"><h1 class="ce-header" contenteditable="true" data-placeholder="Header text..." style="color: var(--color-old-brick); font-weight: bold;" data-empty="false">Ban Giám đốc</h1></div></div><div class="ce-block" data-cy="block-wrapper" data-id="_M8sWBzijk"><div class="ce-block__content"><div class="p-3 bg-light border rounded mb-3 ce-grid-tool-wrapper" style="font-family: inherit;"><div class="font-weight-bold text-primary small mb-3"><i class="fas fa-columns"></i> Multi-Column Grid Layout</div><div class="form-row mb-3 pb-2 border-bottom"><div class="col-md-2 mb-2"><label class="small font-weight-bold text-secondary mb-1">Columns</label><input type="number" class="form-control form-control-sm" min="1" max="12" data-empty="false"></div><div class="col-md-3 mb-2"><label class="small font-weight-bold text-secondary mb-1">Grid CSS Class(es)</label><input type="text" class="form-control form-control-sm" placeholder="e.g. my-custom-grid" data-empty="false"></div><div class="col-md-3 mb-2"><label class="small font-weight-bold text-secondary mb-1">Grid HTML ID</label><input type="text" class="form-control form-control-sm" placeholder="e.g. grid-section-1" data-empty="false"></div><div class="col-md-4 mb-2"><label class="small font-weight-bold text-secondary mb-1"><i class="fas fa-sliders-h"></i> Custom Attributes</label><input type="text" class="form-control form-control-sm" placeholder="e.g. data-aos="fade-up" style="background:#fff"" data-empty="false"></div></div><div><div class="row d-flex flex-wrap"><div class="col-md-6 mb-3 p-2 border rounded bg-white" style="box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px;"><div class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom"><label class="small font-weight-bold text-dark mb-0">Col 1</label><div class="d-flex align-items-center gap-1"><select class="custom-select custom-select-sm mr-1" style="width: 75px;"><option value="0">Auto</option><option value="1">1/12</option><option value="2">2/12</option><option value="3">3/12</option><option value="4">4/12</option><option value="5">5/12</option><option value="6">6/12</option><option value="7">7/12</option><option value="8">8/12</option><option value="9">9/12</option><option value="10">10/12</option><option value="11">11/12</option><option value="12">12/12</option></select><select class="custom-select custom-select-sm" style="width: 100px;" data-empty="false"><option value="html">HTML/Text</option><option value="image">Image</option><option value="youtube">YouTube</option><option value="accordion">Accordion</option><option value="snippet">[Plugin] snippet</option><option value="timeline">[Plugin] timeline</option><option value="grid">[Plugin] grid</option><option value="flex">[Plugin] flex</option><option value="hovercard">[Plugin] hovercard</option><option value="tag">[Plugin] tag</option><option value="stickyNav">[Plugin] stickyNav</option><option value="nav">[Plugin] nav</option><option value="hero">[Plugin] hero</option><option value="textStyling">[Plugin] textStyling</option><option value="tinymce">[Plugin] tinymce</option></select></div></div><div><div class="mb-3"><div class="cdx-block image-tool image-tool--filled"><div class="image-tool__image"><div class="image-tool__image-preloader"></div><img class="image-tool__image-picture" src="./Edit Page - SIS Vietnam - Manage_files/bs-cuong.jpg"></div><div class="cdx-input image-tool__caption" contenteditable="true" data-placeholder="Caption" data-empty="true"></div><div class="cdx-button" style="display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"></rect><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.13968 15.32L8.69058 11.5661C9.02934 11.2036 9.48873 11 9.96774 11C10.4467 11 10.9061 11.2036 11.2449 11.5661L15.3871 16M13.5806 14.0664L15.0132 12.533C15.3519 12.1705 15.8113 11.9668 16.2903 11.9668C16.7693 11.9668 17.2287 12.1705 17.5675 12.533L18.841 13.9634"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.7778 9.33331H13.7867"></path></svg> Select an Image</div><div class="sis-custom-image-controls mt-2 p-2 border rounded bg-light" style="display: flex; flex-direction: column; gap: 8px;">
|
||
<div class="text-muted small text-center mb-1"><i class="fas fa-cog"></i> Image Controls</div>
|
||
<button type="button" class="btn btn-outline-primary btn-sm w-100" id="btn-upload-img-1"><i class="fas fa-upload"></i> Upload Image</button>
|
||
<button type="button" class="btn btn-outline-info btn-sm w-100" id="btn-fetch-url-1"><i class="fas fa-link"></i> Fetch URL</button>
|
||
<button type="button" class="btn btn-outline-secondary btn-sm w-100" id="btn-media-lib-1"><i class="fas fa-images"></i> Media Library</button>
|
||
<button type="button" class="btn btn-outline-danger btn-sm w-100 mt-2" id="btn-clear-img-1"><i class="fas fa-trash"></i> Remove Image</button>
|
||
</div></div></div><div class="font-weight-bold text-muted small mb-2" style="font-size: 10px;">ADVANCED SETTINGS</div><div class="form-row"><div class="col"><input type="text" class="form-control form-control-sm" placeholder="CSS Class(es)..." data-empty="false" style="font-size: 11px;"></div><div class="col"><input type="text" class="form-control form-control-sm" placeholder="HTML ID..." data-empty="false" style="font-size: 11px;"></div></div></div><div class="mt-3 pt-2 border-top"><div class="d-flex justify-content-between align-items-center mb-2"><label class="small font-weight-bold text-muted mb-0" style="font-size: 10px;">SUB-CONTENT / INJECT PLUGIN</label><select class="custom-select custom-select-sm" style="width: 130px; font-size: 10px;"><option value="none">None</option><option value="caption">Text Caption</option><option value="html">HTML/Text</option><option value="image">Image</option><option value="youtube">YouTube</option><option value="accordion">Accordion</option><option value="snippet">[Plugin] snippet</option><option value="timeline">[Plugin] timeline</option><option value="grid">[Plugin] grid</option><option value="flex">[Plugin] flex</option><option value="hovercard">[Plugin] hovercard</option><option value="tag">[Plugin] tag</option><option value="stickyNav">[Plugin] stickyNav</option><option value="nav">[Plugin] nav</option><option value="hero">[Plugin] hero</option><option value="textStyling">[Plugin] textStyling</option><option value="tinymce">[Plugin] tinymce</option></select></div><div><div class="mb-3"><div class="sis-tinymce-block-wrapper border rounded p-2 bg-white" style="min-height: 280px;"><textarea id="tinymce-editor-yxw5l9" style="width: 100%; min-height: 250px; display: none;" data-empty="false" aria-hidden="true"></textarea><div role="application" class="tox tox-tinymce" aria-disabled="false" style="visibility: hidden; width: 100%; height: 250px;"><div class="tox-editor-container"><div data-alloy-vertical-dir="toptobottom" class="tox-editor-header"><div role="group" class="tox-toolbar-overlord" aria-disabled="false"><div role="group" class="tox-toolbar__primary"><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Undo" title="Undo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 0 1-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 1 1-1.4 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.4 1.4L6.4 8Z" fill-rule="nonzero"></path></svg></span></button><button aria-label="Redo" title="Redo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 1 1-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 1 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3Z" fill-rule="nonzero"></path></svg></span></button></div><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button title="Block Heading 3" aria-label="Block Heading 3" aria-haspopup="true" type="button" tabindex="-1" unselectable="on" class="tox-tbtn tox-tbtn--select tox-tbtn--bespoke" aria-expanded="false" style="user-select: none; width: 130px;"><span class="tox-tbtn__select-label">Heading 3</span><div class="tox-tbtn__select-chevron"><svg width="10" height="10" focusable="false"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"></path></svg></div></button></div><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Bold" title="Bold" type="button" tabindex="-1" class="tox-tbtn" aria-disabled="false" aria-pressed="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M7.8 19c-.3 0-.5 0-.6-.2l-.2-.5V5.7c0-.2 0-.4.2-.5l.6-.2h5c1.5 0 2.7.3 3.5 1 .7.6 1.1 1.4 1.1 2.5a3 3 0 0 1-.6 1.9c-.4.6-1 1-1.6 1.2.4.1.9.3 1.3.6s.8.7 1 1.2c.4.4.5 1 .5 1.6 0 1.3-.4 2.3-1.3 3-.8.7-2.1 1-3.8 1H7.8Zm5-8.3c.6 0 1.2-.1 1.6-.5.4-.3.6-.7.6-1.3 0-1.1-.8-1.7-2.3-1.7H9.3v3.5h3.4Zm.5 6c.7 0 1.3-.1 1.7-.4.4-.4.6-.9.6-1.5s-.2-1-.7-1.4c-.4-.3-1-.4-2-.4H9.4v3.8h4Z" fill-rule="evenodd"></path></svg></span></button><button aria-label="Italic" title="Italic" type="button" tabindex="-1" class="tox-tbtn" aria-disabled="false" aria-pressed="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="m16.7 4.7-.1.9h-.3c-.6 0-1 0-1.4.3-.3.3-.4.6-.5 1.1l-2.1 9.8v.6c0 .5.4.8 1.4.8h.2l-.2.8H8l.2-.8h.2c1.1 0 1.8-.5 2-1.5l2-9.8.1-.5c0-.6-.4-.8-1.4-.8h-.3l.2-.9h5.8Z" fill-rule="evenodd"></path></svg></span></button><div aria-pressed="false" aria-label="Text color Black" title="Text color Black" role="button" aria-haspopup="true" tabindex="-1" unselectable="on" class="tox-split-button" aria-disabled="false" aria-expanded="false" aria-describedby="aria_5543652032741785737972320" style="user-select: none;"><span role="presentation" class="tox-tbtn" aria-disabled="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><g fill-rule="evenodd"><path class="tox-icon-text-color__color" d="M3 18h18v3H3z" fill="#000000"></path><path d="M8.7 16h-.8a.5.5 0 0 1-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 0 1-.5.6h-.8a.5.5 0 0 1-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4Zm2.6-7.6-.6 2a.5.5 0 0 0 .5.6h1.6a.5.5 0 0 0 .5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4Z"></path></g></svg></span></span><span role="presentation" class="tox-tbtn tox-split-button__chevron" aria-disabled="false"><svg width="10" height="10" focusable="false"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"></path></svg></span><span aria-hidden="true" style="display: none;" id="aria_5543652032741785737972320">To open the popup, press Shift+Enter</span></div><div aria-pressed="false" aria-label="Background color Black" title="Background color Black" role="button" aria-haspopup="true" tabindex="-1" unselectable="on" class="tox-split-button" aria-disabled="false" aria-expanded="false" aria-describedby="aria_7927503432751785737972320" style="user-select: none;"><span role="presentation" class="tox-tbtn" aria-disabled="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><g fill-rule="evenodd"><path class="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z" fill="#000000"></path><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 0 1 2.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"></path></g></svg></span></span><span role="presentation" class="tox-tbtn tox-split-button__chevron" aria-disabled="false"><svg width="10" height="10" focusable="false"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"></path></svg></span><span aria-hidden="true" style="display: none;" id="aria_7927503432751785737972320">To open the popup, press Shift+Enter</span></div></div><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Align left" title="Align left" type="button" tabindex="-1" class="tox-tbtn" aria-disabled="false" aria-pressed="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"></path></svg></span></button><button aria-label="Align center" title="Align center" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--enabled" aria-disabled="false" aria-pressed="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm3 4h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm-3-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"></path></svg></span></button><button aria-label="Align right" title="Align right" type="button" tabindex="-1" class="tox-tbtn" aria-disabled="false" aria-pressed="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm6 4h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-6-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"></path></svg></span></button><button aria-label="Justify" title="Justify" type="button" tabindex="-1" class="tox-tbtn" aria-disabled="false" aria-pressed="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"></path></svg></span></button></div><div role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Reveal or hide additional toolbar items" title="Reveal or hide additional toolbar items" aria-haspopup="true" type="button" tabindex="-1" data-alloy-tabstop="true" class="tox-tbtn" aria-expanded="false"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"></path></svg></span></button></div></div></div><div class="tox-anchorbar"></div></div><div class="tox-sidebar-wrap"><div class="tox-edit-area"><iframe id="tinymce-editor-yxw5l9_ifr" frameborder="0" allowtransparency="true" title="Rich Text Area" class="tox-edit-area__iframe" src="./Edit Page - SIS Vietnam - Manage_files/saved_resource.html"></iframe></div><div role="presentation" class="tox-sidebar"><div data-alloy-tabstop="true" tabindex="-1" class="tox-sidebar__slider tox-sidebar--sliding-closed" style="width: 0px;"><div class="tox-sidebar__pane-container"></div></div></div></div><div class="tox-bottom-anchorbar"></div><div class="tox-statusbar"><div class="tox-statusbar__text-container tox-statusbar__text-container-3-cols tox-statusbar__text-container--flex-start"><div role="navigation" data-alloy-tabstop="true" class="tox-statusbar__path" aria-disabled="false"><div data-index="0" aria-level="1" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">h3</div><div aria-hidden="true" class="tox-statusbar__path-divider"> › </div><div data-index="1" aria-level="2" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">span</div></div><div class="tox-statusbar__help-text">Press Alt+0 for help</div><div class="tox-statusbar__right-container"><button type="button" tabindex="-1" data-alloy-tabstop="true" class="tox-statusbar__wordcount">6 words</button><span class="tox-statusbar__branding"><a href="https://www.tiny.cloud/powered-by-tiny?utm_campaign=poweredby&utm_source=tiny&utm_medium=referral&utm_content=v6" rel="noopener" target="_blank" aria-label="Powered by Tiny" tabindex="-1"><svg width="50px" height="16px" viewBox="0 0 50 16" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.143 0c2.608.015 5.186 2.178 5.186 5.331 0 0 .077 3.812-.084 4.87-.361 2.41-2.164 4.074-4.65 4.496-1.453.284-2.523.49-3.212.623-.373.071-.634.122-.785.152-.184.038-.997.145-1.35.145-2.732 0-5.21-2.04-5.248-5.33 0 0 0-3.514.03-4.442.093-2.4 1.758-4.342 4.926-4.963 0 0 3.875-.752 4.036-.782.368-.07.775-.1 1.15-.1Zm1.826 2.8L5.83 3.989v2.393l-2.455.475v5.968l6.137-1.189V9.243l2.456-.476V2.8ZM5.83 6.382l3.682-.713v3.574l-3.682.713V6.382Zm27.173-1.64-.084-1.066h-2.226v9.132h2.456V7.743c-.008-1.151.998-2.064 2.149-2.072 1.15-.008 1.987.92 1.995 2.072v5.065h2.455V7.359c-.015-2.18-1.657-3.929-3.837-3.913a3.993 3.993 0 0 0-2.908 1.296Zm-6.3-4.266L29.16 0v2.387l-2.456.475V.476Zm0 3.2v9.132h2.456V3.676h-2.456Zm18.179 11.787L49.11 3.676H46.58l-1.612 4.527-.46 1.382-.384-1.382-1.611-4.527H39.98l3.3 9.132L42.15 16l2.732-.537ZM22.867 9.738c0 .752.568 1.075.921 1.075.353 0 .668-.047.998-.154l.537 1.765c-.23.154-.92.537-2.225.537-1.305 0-2.655-.997-2.686-2.686a136.877 136.877 0 0 1 0-4.374H18.8V3.676h1.612v-1.98l2.455-.476v2.456h2.302V5.9h-2.302v3.837Z"></path>
|
||
</svg></a></span></div></div><div title="Resize" aria-label="Press the Up and Down arrow keys to resize the editor." data-alloy-tabstop="true" tabindex="-1" class="tox-statusbar__resize-handle"><svg width="10" height="10" focusable="false"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 1 1 9 2l-7 7A.5.5 0 1 1 1 8l7-7ZM8.1 5.1A.5.5 0 1 1 9 6l-3 3A.5.5 0 1 1 5 8l3-3Z"></path></g></svg></div></div></div><div aria-hidden="true" class="tox-view-wrap" style="display: none;"><div class="tox-view-wrap__slot-container"></div></div><div aria-hidden="true" class="tox-throbber" style="display: none;"></div></div></div></div><div class="font-weight-bold text-muted small mb-2" style="font-size: 10px;">ADVANCED SETTINGS</div><div class="form-row"><div class="col"><input type="text" class="form-control form-control-sm" placeholder="CSS Class(es)..." data-empty="false" style="font-size: 11px;"></div><div class="col"><input type="text" class="form-control form-control-sm" placeholder="HTML ID..." data-empty="false" style="font-size: 11px;"></div></div></div></div></div><div class="col-md-6 mb-3 p-2 border rounded bg-white" style="box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px;"><div class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom"><label class="small font-weight-bold text-dark mb-0">Col 2</label><div class="d-flex align-items-center gap-1"><select class="custom-select custom-select-sm mr-1" style="width: 75px;"><option value="0">Auto</option><option value="1">1/12</option><option value="2">2/12</option><option value="3">3/12</option><option value="4">4/12</option><option value="5">5/12</option><option value="6">6/12</option><option value="7">7/12</option><option value="8">8/12</option><option value="9">9/12</option><option value="10">10/12</option><option value="11">11/12</option><option value="12">12/12</option></select><select class="custom-select custom-select-sm" style="width: 100px;"><option value="html">HTML/Text</option><option value="image">Image</option><option value="youtube">YouTube</option><option value="accordion">Accordion</option><option value="snippet">[Plugin] snippet</option><option value="timeline">[Plugin] timeline</option><option value="grid">[Plugin] grid</option><option value="flex">[Plugin] flex</option><option value="hovercard">[Plugin] hovercard</option><option value="tag">[Plugin] tag</option><option value="stickyNav">[Plugin] stickyNav</option><option value="nav">[Plugin] nav</option><option value="hero">[Plugin] hero</option><option value="textStyling">[Plugin] textStyling</option><option value="tinymce">[Plugin] tinymce</option></select></div></div><div><div class="mb-3"><div class="cdx-block image-tool image-tool--filled"><div class="image-tool__image"><div class="image-tool__image-preloader"></div><img class="image-tool__image-picture" src="./Edit Page - SIS Vietnam - Manage_files/screenshot_1613617618.png"></div><div class="cdx-input image-tool__caption" contenteditable="true" data-placeholder="Caption" data-empty="true"></div><div class="cdx-button" style="display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"></rect><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.13968 15.32L8.69058 11.5661C9.02934 11.2036 9.48873 11 9.96774 11C10.4467 11 10.9061 11.2036 11.2449 11.5661L15.3871 16M13.5806 14.0664L15.0132 12.533C15.3519 12.1705 15.8113 11.9668 16.2903 11.9668C16.7693 11.9668 17.2287 12.1705 17.5675 12.533L18.841 13.9634"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.7778 9.33331H13.7867"></path></svg> Select an Image</div><div class="sis-custom-image-controls mt-2 p-2 border rounded bg-light" style="display: flex; flex-direction: column; gap: 8px;">
|
||
<div class="text-muted small text-center mb-1"><i class="fas fa-cog"></i> Image Controls</div>
|
||
<button type="button" class="btn btn-outline-primary btn-sm w-100" id="btn-upload-img-2"><i class="fas fa-upload"></i> Upload Image</button>
|
||
<button type="button" class="btn btn-outline-info btn-sm w-100" id="btn-fetch-url-2"><i class="fas fa-link"></i> Fetch URL</button>
|
||
<button type="button" class="btn btn-outline-secondary btn-sm w-100" id="btn-media-lib-2"><i class="fas fa-images"></i> Media Library</button>
|
||
<button type="button" class="btn btn-outline-danger btn-sm w-100 mt-2" id="btn-clear-img-2"><i class="fas fa-trash"></i> Remove Image</button>
|
||
</div></div></div><div class="font-weight-bold text-muted small mb-2" style="font-size: 10px;">ADVANCED SETTINGS</div><div class="form-row"><div class="col"><input type="text" class="form-control form-control-sm" placeholder="CSS Class(es)..." data-empty="false" style="font-size: 11px;"></div><div class="col"><input type="text" class="form-control form-control-sm" placeholder="HTML ID..." data-empty="false" style="font-size: 11px;"></div></div></div><div class="mt-3 pt-2 border-top"><div class="d-flex justify-content-between align-items-center mb-2"><label class="small font-weight-bold text-muted mb-0" style="font-size: 10px;">SUB-CONTENT / INJECT PLUGIN</label><select class="custom-select custom-select-sm" style="width: 130px; font-size: 10px;"><option value="none">None</option><option value="caption">Text Caption</option><option value="html">HTML/Text</option><option value="image">Image</option><option value="youtube">YouTube</option><option value="accordion">Accordion</option><option value="snippet">[Plugin] snippet</option><option value="timeline">[Plugin] timeline</option><option value="grid">[Plugin] grid</option><option value="flex">[Plugin] flex</option><option value="hovercard">[Plugin] hovercard</option><option value="tag">[Plugin] tag</option><option value="stickyNav">[Plugin] stickyNav</option><option value="nav">[Plugin] nav</option><option value="hero">[Plugin] hero</option><option value="textStyling">[Plugin] textStyling</option><option value="tinymce">[Plugin] tinymce</option></select></div><div><div class="mb-3"><div class="sis-tinymce-block-wrapper border rounded p-2 bg-white" style="min-height: 280px;"><textarea id="tinymce-editor-e06xjl" style="width: 100%; min-height: 250px; display: none;" data-empty="false" aria-hidden="true"></textarea><div role="application" class="tox tox-tinymce" aria-disabled="false" style="visibility: hidden; width: 100%; height: 250px;"><div class="tox-editor-container"><div data-alloy-vertical-dir="toptobottom" class="tox-editor-header"><div role="group" class="tox-toolbar-overlord" aria-disabled="false"><div role="group" class="tox-toolbar__primary"><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Undo" title="Undo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 0 1-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 1 1-1.4 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.4 1.4L6.4 8Z" fill-rule="nonzero"></path></svg></span></button><button aria-label="Redo" title="Redo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 1 1-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 1 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3Z" fill-rule="nonzero"></path></svg></span></button></div><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button title="Block Heading 3" aria-label="Block Heading 3" aria-haspopup="true" type="button" tabindex="-1" unselectable="on" class="tox-tbtn tox-tbtn--select tox-tbtn--bespoke" aria-expanded="false" style="user-select: none; width: 130px;"><span class="tox-tbtn__select-label">Heading 3</span><div class="tox-tbtn__select-chevron"><svg width="10" height="10" focusable="false"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"></path></svg></div></button></div><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Bold" title="Bold" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--enabled" aria-disabled="false" aria-pressed="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M7.8 19c-.3 0-.5 0-.6-.2l-.2-.5V5.7c0-.2 0-.4.2-.5l.6-.2h5c1.5 0 2.7.3 3.5 1 .7.6 1.1 1.4 1.1 2.5a3 3 0 0 1-.6 1.9c-.4.6-1 1-1.6 1.2.4.1.9.3 1.3.6s.8.7 1 1.2c.4.4.5 1 .5 1.6 0 1.3-.4 2.3-1.3 3-.8.7-2.1 1-3.8 1H7.8Zm5-8.3c.6 0 1.2-.1 1.6-.5.4-.3.6-.7.6-1.3 0-1.1-.8-1.7-2.3-1.7H9.3v3.5h3.4Zm.5 6c.7 0 1.3-.1 1.7-.4.4-.4.6-.9.6-1.5s-.2-1-.7-1.4c-.4-.3-1-.4-2-.4H9.4v3.8h4Z" fill-rule="evenodd"></path></svg></span></button><button aria-label="Italic" title="Italic" type="button" tabindex="-1" class="tox-tbtn" aria-disabled="false" aria-pressed="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="m16.7 4.7-.1.9h-.3c-.6 0-1 0-1.4.3-.3.3-.4.6-.5 1.1l-2.1 9.8v.6c0 .5.4.8 1.4.8h.2l-.2.8H8l.2-.8h.2c1.1 0 1.8-.5 2-1.5l2-9.8.1-.5c0-.6-.4-.8-1.4-.8h-.3l.2-.9h5.8Z" fill-rule="evenodd"></path></svg></span></button><div aria-pressed="false" aria-label="Text color Black" title="Text color Black" role="button" aria-haspopup="true" tabindex="-1" unselectable="on" class="tox-split-button" aria-disabled="false" aria-expanded="false" aria-describedby="aria_899937183471785737972342" style="user-select: none;"><span role="presentation" class="tox-tbtn" aria-disabled="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><g fill-rule="evenodd"><path class="tox-icon-text-color__color" d="M3 18h18v3H3z" fill="#000000"></path><path d="M8.7 16h-.8a.5.5 0 0 1-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 0 1-.5.6h-.8a.5.5 0 0 1-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4Zm2.6-7.6-.6 2a.5.5 0 0 0 .5.6h1.6a.5.5 0 0 0 .5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4Z"></path></g></svg></span></span><span role="presentation" class="tox-tbtn tox-split-button__chevron" aria-disabled="false"><svg width="10" height="10" focusable="false"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"></path></svg></span><span aria-hidden="true" style="display: none;" id="aria_899937183471785737972342">To open the popup, press Shift+Enter</span></div><div aria-pressed="false" aria-label="Background color Black" title="Background color Black" role="button" aria-haspopup="true" tabindex="-1" unselectable="on" class="tox-split-button" aria-disabled="false" aria-expanded="false" aria-describedby="aria_8929076583481785737972342" style="user-select: none;"><span role="presentation" class="tox-tbtn" aria-disabled="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><g fill-rule="evenodd"><path class="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z" fill="#000000"></path><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 0 1 2.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"></path></g></svg></span></span><span role="presentation" class="tox-tbtn tox-split-button__chevron" aria-disabled="false"><svg width="10" height="10" focusable="false"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"></path></svg></span><span aria-hidden="true" style="display: none;" id="aria_8929076583481785737972342">To open the popup, press Shift+Enter</span></div></div><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Align left" title="Align left" type="button" tabindex="-1" class="tox-tbtn" aria-disabled="false" aria-pressed="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"></path></svg></span></button><button aria-label="Align center" title="Align center" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--enabled" aria-disabled="false" aria-pressed="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm3 4h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 1 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 0 1 0-2Zm-3-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"></path></svg></span></button><button aria-label="Align right" title="Align right" type="button" tabindex="-1" class="tox-tbtn" aria-disabled="false" aria-pressed="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm6 4h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 0 1 0-2Zm-6-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"></path></svg></span></button><button aria-label="Justify" title="Justify" type="button" tabindex="-1" class="tox-tbtn" aria-disabled="false" aria-pressed="false" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 1 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 0 1 0-2Z" fill-rule="evenodd"></path></svg></span></button></div><div role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Reveal or hide additional toolbar items" title="Reveal or hide additional toolbar items" aria-haspopup="true" type="button" tabindex="-1" data-alloy-tabstop="true" class="tox-tbtn" aria-expanded="false"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"></path></svg></span></button></div></div></div><div class="tox-anchorbar"></div></div><div class="tox-sidebar-wrap"><div class="tox-edit-area"><iframe id="tinymce-editor-e06xjl_ifr" frameborder="0" allowtransparency="true" title="Rich Text Area" class="tox-edit-area__iframe" src="./Edit Page - SIS Vietnam - Manage_files/saved_resource(1).html"></iframe></div><div role="presentation" class="tox-sidebar"><div data-alloy-tabstop="true" tabindex="-1" class="tox-sidebar__slider tox-sidebar--sliding-closed" style="width: 0px;"><div class="tox-sidebar__pane-container"></div></div></div></div><div class="tox-bottom-anchorbar"></div><div class="tox-statusbar"><div class="tox-statusbar__text-container tox-statusbar__text-container-3-cols tox-statusbar__text-container--flex-start"><div role="navigation" data-alloy-tabstop="true" class="tox-statusbar__path" aria-disabled="false"><div data-index="0" aria-level="1" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">h3</div><div aria-hidden="true" class="tox-statusbar__path-divider"> › </div><div data-index="1" aria-level="2" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">strong</div><div aria-hidden="true" class="tox-statusbar__path-divider"> › </div><div data-index="2" aria-level="3" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">span</div></div><div class="tox-statusbar__help-text">Press Alt+0 for help</div><div class="tox-statusbar__right-container"><button type="button" tabindex="-1" data-alloy-tabstop="true" class="tox-statusbar__wordcount">10 words</button><span class="tox-statusbar__branding"><a href="https://www.tiny.cloud/powered-by-tiny?utm_campaign=poweredby&utm_source=tiny&utm_medium=referral&utm_content=v6" rel="noopener" target="_blank" aria-label="Powered by Tiny" tabindex="-1"><svg width="50px" height="16px" viewBox="0 0 50 16" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.143 0c2.608.015 5.186 2.178 5.186 5.331 0 0 .077 3.812-.084 4.87-.361 2.41-2.164 4.074-4.65 4.496-1.453.284-2.523.49-3.212.623-.373.071-.634.122-.785.152-.184.038-.997.145-1.35.145-2.732 0-5.21-2.04-5.248-5.33 0 0 0-3.514.03-4.442.093-2.4 1.758-4.342 4.926-4.963 0 0 3.875-.752 4.036-.782.368-.07.775-.1 1.15-.1Zm1.826 2.8L5.83 3.989v2.393l-2.455.475v5.968l6.137-1.189V9.243l2.456-.476V2.8ZM5.83 6.382l3.682-.713v3.574l-3.682.713V6.382Zm27.173-1.64-.084-1.066h-2.226v9.132h2.456V7.743c-.008-1.151.998-2.064 2.149-2.072 1.15-.008 1.987.92 1.995 2.072v5.065h2.455V7.359c-.015-2.18-1.657-3.929-3.837-3.913a3.993 3.993 0 0 0-2.908 1.296Zm-6.3-4.266L29.16 0v2.387l-2.456.475V.476Zm0 3.2v9.132h2.456V3.676h-2.456Zm18.179 11.787L49.11 3.676H46.58l-1.612 4.527-.46 1.382-.384-1.382-1.611-4.527H39.98l3.3 9.132L42.15 16l2.732-.537ZM22.867 9.738c0 .752.568 1.075.921 1.075.353 0 .668-.047.998-.154l.537 1.765c-.23.154-.92.537-2.225.537-1.305 0-2.655-.997-2.686-2.686a136.877 136.877 0 0 1 0-4.374H18.8V3.676h1.612v-1.98l2.455-.476v2.456h2.302V5.9h-2.302v3.837Z"></path>
|
||
</svg></a></span></div></div><div title="Resize" aria-label="Press the Up and Down arrow keys to resize the editor." data-alloy-tabstop="true" tabindex="-1" class="tox-statusbar__resize-handle"><svg width="10" height="10" focusable="false"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 1 1 9 2l-7 7A.5.5 0 1 1 1 8l7-7ZM8.1 5.1A.5.5 0 1 1 9 6l-3 3A.5.5 0 1 1 5 8l3-3Z"></path></g></svg></div></div></div><div aria-hidden="true" class="tox-view-wrap" style="display: none;"><div class="tox-view-wrap__slot-container"></div></div><div aria-hidden="true" class="tox-throbber" style="display: none;"></div></div></div></div><div class="font-weight-bold text-muted small mb-2" style="font-size: 10px;">ADVANCED SETTINGS</div><div class="form-row"><div class="col"><input type="text" class="form-control form-control-sm" placeholder="CSS Class(es)..." data-empty="false" style="font-size: 11px;"></div><div class="col"><input type="text" class="form-control form-control-sm" placeholder="HTML ID..." data-empty="false" style="font-size: 11px;"></div></div></div></div></div></div></div></div></div></div><div class="ce-block" data-cy="block-wrapper" data-id="G5NQw1QFkV"><div class="ce-block__content" style="text-align: center;"><h1 class="ce-header" contenteditable="true" data-placeholder="Header text..." style="color: var(--color-old-brick); font-weight: bold;" data-empty="false">Lãnh đạo Phòng/ Cơ sở/ Trung tâm/ Đơn vị chức năng</h1></div></div><div class="ce-block" data-cy="block-wrapper" data-id="ZK1SssCSpq"><div class="ce-block__content"><div class="p-3 bg-light border rounded mb-3 ce-grid-tool-wrapper" style="font-family: inherit;"><div class="font-weight-bold text-primary small mb-3"><i class="fas fa-columns"></i> Multi-Column Grid Layout</div><div class="form-row mb-3 pb-2 border-bottom"><div class="col-md-2 mb-2"><label class="small font-weight-bold text-secondary mb-1">Columns</label><input type="number" class="form-control form-control-sm" min="1" max="12" data-empty="false"></div><div class="col-md-3 mb-2"><label class="small font-weight-bold text-secondary mb-1">Grid CSS Class(es)</label><input type="text" class="form-control form-control-sm" placeholder="e.g. my-custom-grid" data-empty="false"></div><div class="col-md-3 mb-2"><label class="small font-weight-bold text-secondary mb-1">Grid HTML ID</label><input type="text" class="form-control form-control-sm" placeholder="e.g. grid-section-1" data-empty="false"></div><div class="col-md-4 mb-2"><label class="small font-weight-bold text-secondary mb-1"><i class="fas fa-sliders-h"></i> Custom Attributes</label><input type="text" class="form-control form-control-sm" placeholder="e.g. data-aos="fade-up" style="background:#fff"" data-empty="false"></div></div><div><div class="row d-flex flex-wrap"><div class="col-md-4 mb-3 p-2 border rounded bg-white" style="box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px;"><div class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom"><label class="small font-weight-bold text-dark mb-0">Col 1</label><div class="d-flex align-items-center gap-1"><select class="custom-select custom-select-sm mr-1" style="width: 75px;"><option value="0">Auto</option><option value="1">1/12</option><option value="2">2/12</option><option value="3">3/12</option><option value="4">4/12</option><option value="5">5/12</option><option value="6">6/12</option><option value="7">7/12</option><option value="8">8/12</option><option value="9">9/12</option><option value="10">10/12</option><option value="11">11/12</option><option value="12">12/12</option></select><select class="custom-select custom-select-sm" style="width: 100px;"><option value="html">HTML/Text</option><option value="image">Image</option><option value="youtube">YouTube</option><option value="accordion">Accordion</option><option value="snippet">[Plugin] snippet</option><option value="timeline">[Plugin] timeline</option><option value="grid">[Plugin] grid</option><option value="flex">[Plugin] flex</option><option value="hovercard">[Plugin] hovercard</option><option value="tag">[Plugin] tag</option><option value="stickyNav">[Plugin] stickyNav</option><option value="nav">[Plugin] nav</option><option value="hero">[Plugin] hero</option><option value="textStyling">[Plugin] textStyling</option><option value="tinymce">[Plugin] tinymce</option></select></div></div><div><div class="mb-3"><div class="cdx-block image-tool image-tool--filled"><div class="image-tool__image"><div class="image-tool__image-preloader"></div><img class="image-tool__image-picture" src="./Edit Page - SIS Vietnam - Manage_files/bs_thai_circle.png"></div><div class="cdx-input image-tool__caption" contenteditable="true" data-placeholder="Caption" data-empty="true"><br></div><div class="cdx-button" style="display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"></rect><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.13968 15.32L8.69058 11.5661C9.02934 11.2036 9.48873 11 9.96774 11C10.4467 11 10.9061 11.2036 11.2449 11.5661L15.3871 16M13.5806 14.0664L15.0132 12.533C15.3519 12.1705 15.8113 11.9668 16.2903 11.9668C16.7693 11.9668 17.2287 12.1705 17.5675 12.533L18.841 13.9634"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.7778 9.33331H13.7867"></path></svg> Select an Image</div><div class="sis-custom-image-controls mt-2 p-2 border rounded bg-light" style="display: flex; flex-direction: column; gap: 8px;">
|
||
<div class="text-muted small text-center mb-1"><i class="fas fa-cog"></i> Image Controls</div>
|
||
<button type="button" class="btn btn-outline-primary btn-sm w-100" id="btn-upload-img-1"><i class="fas fa-upload"></i> Upload Image</button>
|
||
<button type="button" class="btn btn-outline-info btn-sm w-100" id="btn-fetch-url-1"><i class="fas fa-link"></i> Fetch URL</button>
|
||
<button type="button" class="btn btn-outline-secondary btn-sm w-100" id="btn-media-lib-1"><i class="fas fa-images"></i> Media Library</button>
|
||
<button type="button" class="btn btn-outline-danger btn-sm w-100 mt-2" id="btn-clear-img-1"><i class="fas fa-trash"></i> Remove Image</button>
|
||
</div></div></div><div class="font-weight-bold text-muted small mb-2" style="font-size: 10px;">ADVANCED SETTINGS</div><div class="form-row"><div class="col"><input type="text" class="form-control form-control-sm" placeholder="CSS Class(es)..." data-empty="false" style="font-size: 11px;"></div><div class="col"><input type="text" class="form-control form-control-sm" placeholder="HTML ID..." data-empty="false" style="font-size: 11px;"></div></div></div><div class="mt-3 pt-2 border-top"><div class="d-flex justify-content-between align-items-center mb-2"><label class="small font-weight-bold text-muted mb-0" style="font-size: 10px;">SUB-CONTENT / INJECT PLUGIN</label><select class="custom-select custom-select-sm" style="width: 130px; font-size: 10px;"><option value="none">None</option><option value="caption">Text Caption</option><option value="html">HTML/Text</option><option value="image">Image</option><option value="youtube">YouTube</option><option value="accordion">Accordion</option><option value="snippet">[Plugin] snippet</option><option value="timeline">[Plugin] timeline</option><option value="grid">[Plugin] grid</option><option value="flex">[Plugin] flex</option><option value="hovercard">[Plugin] hovercard</option><option value="tag">[Plugin] tag</option><option value="stickyNav">[Plugin] stickyNav</option><option value="nav">[Plugin] nav</option><option value="hero">[Plugin] hero</option><option value="textStyling">[Plugin] textStyling</option><option value="tinymce">[Plugin] tinymce</option></select></div><div><div class="mb-3"><div class="sis-tinymce-block-wrapper border rounded p-2 bg-white" style="min-height: 280px;"><textarea id="tinymce-editor-hkzhv" style="width: 100%; min-height: 250px; display: none;" data-empty="false" aria-hidden="true"></textarea><div role="application" class="tox tox-tinymce" aria-disabled="false" style="visibility: hidden; width: 100%; height: 250px;"><div class="tox-editor-container"><div data-alloy-vertical-dir="toptobottom" class="tox-editor-header"><div role="group" class="tox-toolbar-overlord" aria-disabled="false"><div role="group" class="tox-toolbar__primary"><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Undo" title="Undo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 0 1-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 1 1-1.4 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.4 1.4L6.4 8Z" fill-rule="nonzero"></path></svg></span></button><button aria-label="Redo" title="Redo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 1 1-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 1 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3Z" fill-rule="nonzero"></path></svg></span></button></div><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button title="Block Heading 3" aria-label="Block Heading 3" aria-haspopup="true" type="button" tabindex="-1" unselectable="on" class="tox-tbtn tox-tbtn--select tox-tbtn--bespoke" aria-expanded="false" style="user-select: none; width: 130px;"><span class="tox-tbtn__select-label">Heading 3</span><div class="tox-tbtn__select-chevron"><svg width="10" height="10" focusable="false"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"></path></svg></div></button></div><div role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Reveal or hide additional toolbar items" title="Reveal or hide additional toolbar items" aria-haspopup="true" type="button" tabindex="-1" data-alloy-tabstop="true" class="tox-tbtn" aria-expanded="false"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"></path></svg></span></button></div></div></div><div class="tox-anchorbar"></div></div><div class="tox-sidebar-wrap"><div class="tox-edit-area"><iframe id="tinymce-editor-hkzhv_ifr" frameborder="0" allowtransparency="true" title="Rich Text Area" class="tox-edit-area__iframe" src="./Edit Page - SIS Vietnam - Manage_files/saved_resource(2).html"></iframe></div><div role="presentation" class="tox-sidebar"><div data-alloy-tabstop="true" tabindex="-1" class="tox-sidebar__slider tox-sidebar--sliding-closed" style="width: 0px;"><div class="tox-sidebar__pane-container"></div></div></div></div><div class="tox-bottom-anchorbar"></div><div class="tox-statusbar"><div class="tox-statusbar__text-container tox-statusbar__text-container-3-cols tox-statusbar__text-container--flex-start"><div role="navigation" data-alloy-tabstop="true" class="tox-statusbar__path" aria-disabled="false"><div data-index="0" aria-level="1" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">h3</div><div aria-hidden="true" class="tox-statusbar__path-divider"> › </div><div data-index="1" aria-level="2" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">span</div></div><div class="tox-statusbar__help-text">Press Alt+0 for help</div><div class="tox-statusbar__right-container"><button type="button" tabindex="-1" data-alloy-tabstop="true" class="tox-statusbar__wordcount">4 words</button><span class="tox-statusbar__branding"><a href="https://www.tiny.cloud/powered-by-tiny?utm_campaign=poweredby&utm_source=tiny&utm_medium=referral&utm_content=v6" rel="noopener" target="_blank" aria-label="Powered by Tiny" tabindex="-1"><svg width="50px" height="16px" viewBox="0 0 50 16" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.143 0c2.608.015 5.186 2.178 5.186 5.331 0 0 .077 3.812-.084 4.87-.361 2.41-2.164 4.074-4.65 4.496-1.453.284-2.523.49-3.212.623-.373.071-.634.122-.785.152-.184.038-.997.145-1.35.145-2.732 0-5.21-2.04-5.248-5.33 0 0 0-3.514.03-4.442.093-2.4 1.758-4.342 4.926-4.963 0 0 3.875-.752 4.036-.782.368-.07.775-.1 1.15-.1Zm1.826 2.8L5.83 3.989v2.393l-2.455.475v5.968l6.137-1.189V9.243l2.456-.476V2.8ZM5.83 6.382l3.682-.713v3.574l-3.682.713V6.382Zm27.173-1.64-.084-1.066h-2.226v9.132h2.456V7.743c-.008-1.151.998-2.064 2.149-2.072 1.15-.008 1.987.92 1.995 2.072v5.065h2.455V7.359c-.015-2.18-1.657-3.929-3.837-3.913a3.993 3.993 0 0 0-2.908 1.296Zm-6.3-4.266L29.16 0v2.387l-2.456.475V.476Zm0 3.2v9.132h2.456V3.676h-2.456Zm18.179 11.787L49.11 3.676H46.58l-1.612 4.527-.46 1.382-.384-1.382-1.611-4.527H39.98l3.3 9.132L42.15 16l2.732-.537ZM22.867 9.738c0 .752.568 1.075.921 1.075.353 0 .668-.047.998-.154l.537 1.765c-.23.154-.92.537-2.225.537-1.305 0-2.655-.997-2.686-2.686a136.877 136.877 0 0 1 0-4.374H18.8V3.676h1.612v-1.98l2.455-.476v2.456h2.302V5.9h-2.302v3.837Z"></path>
|
||
</svg></a></span></div></div><div title="Resize" aria-label="Press the Up and Down arrow keys to resize the editor." data-alloy-tabstop="true" tabindex="-1" class="tox-statusbar__resize-handle"><svg width="10" height="10" focusable="false"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 1 1 9 2l-7 7A.5.5 0 1 1 1 8l7-7ZM8.1 5.1A.5.5 0 1 1 9 6l-3 3A.5.5 0 1 1 5 8l3-3Z"></path></g></svg></div></div></div><div aria-hidden="true" class="tox-view-wrap" style="display: none;"><div class="tox-view-wrap__slot-container"></div></div><div aria-hidden="true" class="tox-throbber" style="display: none;"></div></div></div></div><div class="font-weight-bold text-muted small mb-2" style="font-size: 10px;">ADVANCED SETTINGS</div><div class="form-row"><div class="col"><input type="text" class="form-control form-control-sm" placeholder="CSS Class(es)..." data-empty="false" style="font-size: 11px;"></div><div class="col"><input type="text" class="form-control form-control-sm" placeholder="HTML ID..." data-empty="false" style="font-size: 11px;"></div></div></div></div></div><div class="col-md-4 mb-3 p-2 border rounded bg-white" style="box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px;"><div class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom"><label class="small font-weight-bold text-dark mb-0">Col 2</label><div class="d-flex align-items-center gap-1"><select class="custom-select custom-select-sm mr-1" style="width: 75px;"><option value="0">Auto</option><option value="1">1/12</option><option value="2">2/12</option><option value="3">3/12</option><option value="4">4/12</option><option value="5">5/12</option><option value="6">6/12</option><option value="7">7/12</option><option value="8">8/12</option><option value="9">9/12</option><option value="10">10/12</option><option value="11">11/12</option><option value="12">12/12</option></select><select class="custom-select custom-select-sm" style="width: 100px;"><option value="html">HTML/Text</option><option value="image">Image</option><option value="youtube">YouTube</option><option value="accordion">Accordion</option><option value="snippet">[Plugin] snippet</option><option value="timeline">[Plugin] timeline</option><option value="grid">[Plugin] grid</option><option value="flex">[Plugin] flex</option><option value="hovercard">[Plugin] hovercard</option><option value="tag">[Plugin] tag</option><option value="stickyNav">[Plugin] stickyNav</option><option value="nav">[Plugin] nav</option><option value="hero">[Plugin] hero</option><option value="textStyling">[Plugin] textStyling</option><option value="tinymce">[Plugin] tinymce</option></select></div></div><div><div class="mb-3"><div class="cdx-block image-tool image-tool--filled"><div class="image-tool__image"><div class="image-tool__image-preloader"></div><img class="image-tool__image-picture" src="./Edit Page - SIS Vietnam - Manage_files/bs_thai_circle.png"></div><div class="cdx-input image-tool__caption" contenteditable="true" data-placeholder="Caption" data-empty="true"><br></div><div class="cdx-button" style="display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"></rect><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.13968 15.32L8.69058 11.5661C9.02934 11.2036 9.48873 11 9.96774 11C10.4467 11 10.9061 11.2036 11.2449 11.5661L15.3871 16M13.5806 14.0664L15.0132 12.533C15.3519 12.1705 15.8113 11.9668 16.2903 11.9668C16.7693 11.9668 17.2287 12.1705 17.5675 12.533L18.841 13.9634"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.7778 9.33331H13.7867"></path></svg> Select an Image</div><div class="sis-custom-image-controls mt-2 p-2 border rounded bg-light" style="display: flex; flex-direction: column; gap: 8px;">
|
||
<div class="text-muted small text-center mb-1"><i class="fas fa-cog"></i> Image Controls</div>
|
||
<button type="button" class="btn btn-outline-primary btn-sm w-100" id="btn-upload-img-2"><i class="fas fa-upload"></i> Upload Image</button>
|
||
<button type="button" class="btn btn-outline-info btn-sm w-100" id="btn-fetch-url-2"><i class="fas fa-link"></i> Fetch URL</button>
|
||
<button type="button" class="btn btn-outline-secondary btn-sm w-100" id="btn-media-lib-2"><i class="fas fa-images"></i> Media Library</button>
|
||
<button type="button" class="btn btn-outline-danger btn-sm w-100 mt-2" id="btn-clear-img-2"><i class="fas fa-trash"></i> Remove Image</button>
|
||
</div></div></div><div class="font-weight-bold text-muted small mb-2" style="font-size: 10px;">ADVANCED SETTINGS</div><div class="form-row"><div class="col"><input type="text" class="form-control form-control-sm" placeholder="CSS Class(es)..." data-empty="false" style="font-size: 11px;"></div><div class="col"><input type="text" class="form-control form-control-sm" placeholder="HTML ID..." data-empty="false" style="font-size: 11px;"></div></div></div><div class="mt-3 pt-2 border-top"><div class="d-flex justify-content-between align-items-center mb-2"><label class="small font-weight-bold text-muted mb-0" style="font-size: 10px;">SUB-CONTENT / INJECT PLUGIN</label><select class="custom-select custom-select-sm" style="width: 130px; font-size: 10px;"><option value="none">None</option><option value="caption">Text Caption</option><option value="html">HTML/Text</option><option value="image">Image</option><option value="youtube">YouTube</option><option value="accordion">Accordion</option><option value="snippet">[Plugin] snippet</option><option value="timeline">[Plugin] timeline</option><option value="grid">[Plugin] grid</option><option value="flex">[Plugin] flex</option><option value="hovercard">[Plugin] hovercard</option><option value="tag">[Plugin] tag</option><option value="stickyNav">[Plugin] stickyNav</option><option value="nav">[Plugin] nav</option><option value="hero">[Plugin] hero</option><option value="textStyling">[Plugin] textStyling</option><option value="tinymce">[Plugin] tinymce</option></select></div><div><div class="mb-3"><div class="sis-tinymce-block-wrapper border rounded p-2 bg-white" style="min-height: 280px;"><textarea id="tinymce-editor-7uyna" style="width: 100%; min-height: 250px; display: none;" data-empty="false" aria-hidden="true"></textarea><div role="application" class="tox tox-tinymce" aria-disabled="false" style="visibility: hidden; width: 100%; height: 250px;"><div class="tox-editor-container"><div data-alloy-vertical-dir="toptobottom" class="tox-editor-header"><div role="group" class="tox-toolbar-overlord" aria-disabled="false"><div role="group" class="tox-toolbar__primary"><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Undo" title="Undo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 0 1-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 1 1-1.4 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.4 1.4L6.4 8Z" fill-rule="nonzero"></path></svg></span></button><button aria-label="Redo" title="Redo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 1 1-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 1 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3Z" fill-rule="nonzero"></path></svg></span></button></div><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button title="Block Heading 3" aria-label="Block Heading 3" aria-haspopup="true" type="button" tabindex="-1" unselectable="on" class="tox-tbtn tox-tbtn--select tox-tbtn--bespoke" aria-expanded="false" style="user-select: none; width: 130px;"><span class="tox-tbtn__select-label">Heading 3</span><div class="tox-tbtn__select-chevron"><svg width="10" height="10" focusable="false"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"></path></svg></div></button></div><div role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Reveal or hide additional toolbar items" title="Reveal or hide additional toolbar items" aria-haspopup="true" type="button" tabindex="-1" data-alloy-tabstop="true" class="tox-tbtn" aria-expanded="false"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"></path></svg></span></button></div></div></div><div class="tox-anchorbar"></div></div><div class="tox-sidebar-wrap"><div class="tox-edit-area"><iframe id="tinymce-editor-7uyna_ifr" frameborder="0" allowtransparency="true" title="Rich Text Area" class="tox-edit-area__iframe" src="./Edit Page - SIS Vietnam - Manage_files/saved_resource(3).html"></iframe></div><div role="presentation" class="tox-sidebar"><div data-alloy-tabstop="true" tabindex="-1" class="tox-sidebar__slider tox-sidebar--sliding-closed" style="width: 0px;"><div class="tox-sidebar__pane-container"></div></div></div></div><div class="tox-bottom-anchorbar"></div><div class="tox-statusbar"><div class="tox-statusbar__text-container tox-statusbar__text-container-3-cols tox-statusbar__text-container--flex-start"><div role="navigation" data-alloy-tabstop="true" class="tox-statusbar__path" aria-disabled="false"><div data-index="0" aria-level="1" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">h3</div><div aria-hidden="true" class="tox-statusbar__path-divider"> › </div><div data-index="1" aria-level="2" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">span</div></div><div class="tox-statusbar__help-text">Press Alt+0 for help</div><div class="tox-statusbar__right-container"><button type="button" tabindex="-1" data-alloy-tabstop="true" class="tox-statusbar__wordcount">4 words</button><span class="tox-statusbar__branding"><a href="https://www.tiny.cloud/powered-by-tiny?utm_campaign=poweredby&utm_source=tiny&utm_medium=referral&utm_content=v6" rel="noopener" target="_blank" aria-label="Powered by Tiny" tabindex="-1"><svg width="50px" height="16px" viewBox="0 0 50 16" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.143 0c2.608.015 5.186 2.178 5.186 5.331 0 0 .077 3.812-.084 4.87-.361 2.41-2.164 4.074-4.65 4.496-1.453.284-2.523.49-3.212.623-.373.071-.634.122-.785.152-.184.038-.997.145-1.35.145-2.732 0-5.21-2.04-5.248-5.33 0 0 0-3.514.03-4.442.093-2.4 1.758-4.342 4.926-4.963 0 0 3.875-.752 4.036-.782.368-.07.775-.1 1.15-.1Zm1.826 2.8L5.83 3.989v2.393l-2.455.475v5.968l6.137-1.189V9.243l2.456-.476V2.8ZM5.83 6.382l3.682-.713v3.574l-3.682.713V6.382Zm27.173-1.64-.084-1.066h-2.226v9.132h2.456V7.743c-.008-1.151.998-2.064 2.149-2.072 1.15-.008 1.987.92 1.995 2.072v5.065h2.455V7.359c-.015-2.18-1.657-3.929-3.837-3.913a3.993 3.993 0 0 0-2.908 1.296Zm-6.3-4.266L29.16 0v2.387l-2.456.475V.476Zm0 3.2v9.132h2.456V3.676h-2.456Zm18.179 11.787L49.11 3.676H46.58l-1.612 4.527-.46 1.382-.384-1.382-1.611-4.527H39.98l3.3 9.132L42.15 16l2.732-.537ZM22.867 9.738c0 .752.568 1.075.921 1.075.353 0 .668-.047.998-.154l.537 1.765c-.23.154-.92.537-2.225.537-1.305 0-2.655-.997-2.686-2.686a136.877 136.877 0 0 1 0-4.374H18.8V3.676h1.612v-1.98l2.455-.476v2.456h2.302V5.9h-2.302v3.837Z"></path>
|
||
</svg></a></span></div></div><div title="Resize" aria-label="Press the Up and Down arrow keys to resize the editor." data-alloy-tabstop="true" tabindex="-1" class="tox-statusbar__resize-handle"><svg width="10" height="10" focusable="false"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 1 1 9 2l-7 7A.5.5 0 1 1 1 8l7-7ZM8.1 5.1A.5.5 0 1 1 9 6l-3 3A.5.5 0 1 1 5 8l3-3Z"></path></g></svg></div></div></div><div aria-hidden="true" class="tox-view-wrap" style="display: none;"><div class="tox-view-wrap__slot-container"></div></div><div aria-hidden="true" class="tox-throbber" style="display: none;"></div></div></div></div><div class="font-weight-bold text-muted small mb-2" style="font-size: 10px;">ADVANCED SETTINGS</div><div class="form-row"><div class="col"><input type="text" class="form-control form-control-sm" placeholder="CSS Class(es)..." data-empty="false" style="font-size: 11px;"></div><div class="col"><input type="text" class="form-control form-control-sm" placeholder="HTML ID..." data-empty="false" style="font-size: 11px;"></div></div></div></div></div><div class="col-md-4 mb-3 p-2 border rounded bg-white" style="box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px;"><div class="d-flex justify-content-between align-items-center mb-2 pb-1 border-bottom"><label class="small font-weight-bold text-dark mb-0">Col 3</label><div class="d-flex align-items-center gap-1"><select class="custom-select custom-select-sm mr-1" style="width: 75px;"><option value="0">Auto</option><option value="1">1/12</option><option value="2">2/12</option><option value="3">3/12</option><option value="4">4/12</option><option value="5">5/12</option><option value="6">6/12</option><option value="7">7/12</option><option value="8">8/12</option><option value="9">9/12</option><option value="10">10/12</option><option value="11">11/12</option><option value="12">12/12</option></select><select class="custom-select custom-select-sm" style="width: 100px;"><option value="html">HTML/Text</option><option value="image">Image</option><option value="youtube">YouTube</option><option value="accordion">Accordion</option><option value="snippet">[Plugin] snippet</option><option value="timeline">[Plugin] timeline</option><option value="grid">[Plugin] grid</option><option value="flex">[Plugin] flex</option><option value="hovercard">[Plugin] hovercard</option><option value="tag">[Plugin] tag</option><option value="stickyNav">[Plugin] stickyNav</option><option value="nav">[Plugin] nav</option><option value="hero">[Plugin] hero</option><option value="textStyling">[Plugin] textStyling</option><option value="tinymce">[Plugin] tinymce</option></select></div></div><div><div class="mb-3"><div class="cdx-block image-tool image-tool--filled"><div class="image-tool__image"><div class="image-tool__image-preloader"></div><img class="image-tool__image-picture" src="./Edit Page - SIS Vietnam - Manage_files/bs_thai_circle.png"></div><div class="cdx-input image-tool__caption" contenteditable="true" data-placeholder="Caption" data-empty="true"><br></div><div class="cdx-button" style="display: none;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"></rect><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.13968 15.32L8.69058 11.5661C9.02934 11.2036 9.48873 11 9.96774 11C10.4467 11 10.9061 11.2036 11.2449 11.5661L15.3871 16M13.5806 14.0664L15.0132 12.533C15.3519 12.1705 15.8113 11.9668 16.2903 11.9668C16.7693 11.9668 17.2287 12.1705 17.5675 12.533L18.841 13.9634"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.7778 9.33331H13.7867"></path></svg> Select an Image</div><div class="sis-custom-image-controls mt-2 p-2 border rounded bg-light" style="display: flex; flex-direction: column; gap: 8px;">
|
||
<div class="text-muted small text-center mb-1"><i class="fas fa-cog"></i> Image Controls</div>
|
||
<button type="button" class="btn btn-outline-primary btn-sm w-100" id="btn-upload-img-3"><i class="fas fa-upload"></i> Upload Image</button>
|
||
<button type="button" class="btn btn-outline-info btn-sm w-100" id="btn-fetch-url-3"><i class="fas fa-link"></i> Fetch URL</button>
|
||
<button type="button" class="btn btn-outline-secondary btn-sm w-100" id="btn-media-lib-3"><i class="fas fa-images"></i> Media Library</button>
|
||
<button type="button" class="btn btn-outline-danger btn-sm w-100 mt-2" id="btn-clear-img-3"><i class="fas fa-trash"></i> Remove Image</button>
|
||
</div></div></div><div class="font-weight-bold text-muted small mb-2" style="font-size: 10px;">ADVANCED SETTINGS</div><div class="form-row"><div class="col"><input type="text" class="form-control form-control-sm" placeholder="CSS Class(es)..." data-empty="false" style="font-size: 11px;"></div><div class="col"><input type="text" class="form-control form-control-sm" placeholder="HTML ID..." data-empty="false" style="font-size: 11px;"></div></div></div><div class="mt-3 pt-2 border-top"><div class="d-flex justify-content-between align-items-center mb-2"><label class="small font-weight-bold text-muted mb-0" style="font-size: 10px;">SUB-CONTENT / INJECT PLUGIN</label><select class="custom-select custom-select-sm" style="width: 130px; font-size: 10px;"><option value="none">None</option><option value="caption">Text Caption</option><option value="html">HTML/Text</option><option value="image">Image</option><option value="youtube">YouTube</option><option value="accordion">Accordion</option><option value="snippet">[Plugin] snippet</option><option value="timeline">[Plugin] timeline</option><option value="grid">[Plugin] grid</option><option value="flex">[Plugin] flex</option><option value="hovercard">[Plugin] hovercard</option><option value="tag">[Plugin] tag</option><option value="stickyNav">[Plugin] stickyNav</option><option value="nav">[Plugin] nav</option><option value="hero">[Plugin] hero</option><option value="textStyling">[Plugin] textStyling</option><option value="tinymce">[Plugin] tinymce</option></select></div><div><div class="mb-3"><div class="sis-tinymce-block-wrapper border rounded p-2 bg-white" style="min-height: 280px;"><textarea id="tinymce-editor-h7dxj1d" style="width: 100%; min-height: 250px; display: none;" data-empty="false" aria-hidden="true"></textarea><div role="application" class="tox tox-tinymce" aria-disabled="false" style="visibility: hidden; width: 100%; height: 250px;"><div class="tox-editor-container"><div data-alloy-vertical-dir="toptobottom" class="tox-editor-header"><div role="group" class="tox-toolbar-overlord" aria-disabled="false"><div role="group" class="tox-toolbar__primary"><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Undo" title="Undo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 0 1-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 1 1-1.4 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.4 1.4L6.4 8Z" fill-rule="nonzero"></path></svg></span></button><button aria-label="Redo" title="Redo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true" style="width: 34px;"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 1 1-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 1 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4-1.4l3.3-3.3Z" fill-rule="nonzero"></path></svg></span></button></div><div title="" role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button title="Block Heading 3" aria-label="Block Heading 3" aria-haspopup="true" type="button" tabindex="-1" unselectable="on" class="tox-tbtn tox-tbtn--select tox-tbtn--bespoke" aria-expanded="false" style="user-select: none; width: 130px;"><span class="tox-tbtn__select-label">Heading 3</span><div class="tox-tbtn__select-chevron"><svg width="10" height="10" focusable="false"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 0 1 0-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8Z" fill-rule="nonzero"></path></svg></div></button></div><div role="toolbar" data-alloy-tabstop="true" tabindex="-1" class="tox-toolbar__group"><button aria-label="Reveal or hide additional toolbar items" title="Reveal or hide additional toolbar items" aria-haspopup="true" type="button" tabindex="-1" data-alloy-tabstop="true" class="tox-tbtn" aria-expanded="false"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24" focusable="false"><path d="M6 10a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm12 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Zm-6 0a2 2 0 0 0-2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2 2 2 0 0 0-2-2Z" fill-rule="nonzero"></path></svg></span></button></div></div></div><div class="tox-anchorbar"></div></div><div class="tox-sidebar-wrap"><div class="tox-edit-area"><iframe id="tinymce-editor-h7dxj1d_ifr" frameborder="0" allowtransparency="true" title="Rich Text Area" class="tox-edit-area__iframe" src="./Edit Page - SIS Vietnam - Manage_files/saved_resource(4).html"></iframe></div><div role="presentation" class="tox-sidebar"><div data-alloy-tabstop="true" tabindex="-1" class="tox-sidebar__slider tox-sidebar--sliding-closed" style="width: 0px;"><div class="tox-sidebar__pane-container"></div></div></div></div><div class="tox-bottom-anchorbar"></div><div class="tox-statusbar"><div class="tox-statusbar__text-container tox-statusbar__text-container-3-cols tox-statusbar__text-container--flex-start"><div role="navigation" data-alloy-tabstop="true" class="tox-statusbar__path" aria-disabled="false"><div data-index="0" aria-level="1" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">h3</div><div aria-hidden="true" class="tox-statusbar__path-divider"> › </div><div data-index="1" aria-level="2" role="button" tabindex="-1" class="tox-statusbar__path-item" aria-disabled="false">span</div></div><div class="tox-statusbar__help-text">Press Alt+0 for help</div><div class="tox-statusbar__right-container"><button type="button" tabindex="-1" data-alloy-tabstop="true" class="tox-statusbar__wordcount">4 words</button><span class="tox-statusbar__branding"><a href="https://www.tiny.cloud/powered-by-tiny?utm_campaign=poweredby&utm_source=tiny&utm_medium=referral&utm_content=v6" rel="noopener" target="_blank" aria-label="Powered by Tiny" tabindex="-1"><svg width="50px" height="16px" viewBox="0 0 50 16" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.143 0c2.608.015 5.186 2.178 5.186 5.331 0 0 .077 3.812-.084 4.87-.361 2.41-2.164 4.074-4.65 4.496-1.453.284-2.523.49-3.212.623-.373.071-.634.122-.785.152-.184.038-.997.145-1.35.145-2.732 0-5.21-2.04-5.248-5.33 0 0 0-3.514.03-4.442.093-2.4 1.758-4.342 4.926-4.963 0 0 3.875-.752 4.036-.782.368-.07.775-.1 1.15-.1Zm1.826 2.8L5.83 3.989v2.393l-2.455.475v5.968l6.137-1.189V9.243l2.456-.476V2.8ZM5.83 6.382l3.682-.713v3.574l-3.682.713V6.382Zm27.173-1.64-.084-1.066h-2.226v9.132h2.456V7.743c-.008-1.151.998-2.064 2.149-2.072 1.15-.008 1.987.92 1.995 2.072v5.065h2.455V7.359c-.015-2.18-1.657-3.929-3.837-3.913a3.993 3.993 0 0 0-2.908 1.296Zm-6.3-4.266L29.16 0v2.387l-2.456.475V.476Zm0 3.2v9.132h2.456V3.676h-2.456Zm18.179 11.787L49.11 3.676H46.58l-1.612 4.527-.46 1.382-.384-1.382-1.611-4.527H39.98l3.3 9.132L42.15 16l2.732-.537ZM22.867 9.738c0 .752.568 1.075.921 1.075.353 0 .668-.047.998-.154l.537 1.765c-.23.154-.92.537-2.225.537-1.305 0-2.655-.997-2.686-2.686a136.877 136.877 0 0 1 0-4.374H18.8V3.676h1.612v-1.98l2.455-.476v2.456h2.302V5.9h-2.302v3.837Z"></path>
|
||
</svg></a></span></div></div><div title="Resize" aria-label="Press the Up and Down arrow keys to resize the editor." data-alloy-tabstop="true" tabindex="-1" class="tox-statusbar__resize-handle"><svg width="10" height="10" focusable="false"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 1 1 9 2l-7 7A.5.5 0 1 1 1 8l7-7ZM8.1 5.1A.5.5 0 1 1 9 6l-3 3A.5.5 0 1 1 5 8l3-3Z"></path></g></svg></div></div></div><div aria-hidden="true" class="tox-view-wrap" style="display: none;"><div class="tox-view-wrap__slot-container"></div></div><div aria-hidden="true" class="tox-throbber" style="display: none;"></div></div></div></div><div class="font-weight-bold text-muted small mb-2" style="font-size: 10px;">ADVANCED SETTINGS</div><div class="form-row"><div class="col"><input type="text" class="form-control form-control-sm" placeholder="CSS Class(es)..." data-empty="false" style="font-size: 11px;"></div><div class="col"><input type="text" class="form-control form-control-sm" placeholder="HTML ID..." data-empty="false" style="font-size: 11px;"></div></div></div></div></div></div></div></div></div></div><div class="ce-block" data-cy="block-wrapper" data-id="Rv2RMcFN1B"><div class="ce-block__content"><div class="ce-paragraph cdx-block" contenteditable="true" data-placeholder-active="Click here to start writing your page content..." data-empty="true"></div></div></div></div><div class="codex-editor-overlay" style=""><div class="codex-editor-overlay__container"><div class="codex-editor-overlay__rectangle" style="display: none; inset: 757px calc(100% - 1069px) calc(100% - 757px) 1069px;"></div></div></div><div class="ce-inline-toolbar" data-cy="inline-toolbar"></div><div class="ce-toolbar ce-toolbar--opened" style="top: 2060px;"><div class="ce-toolbar__content"><div class="ce-toolbar__actions ce-toolbar__actions--opened"><div class="ce-toolbar__plus"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 7V12M12 17V12M17 12H12M12 12H7"></path></svg></div><span class="ce-toolbar__settings-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2.6" d="M9.40999 7.29999H9.4"></path><path stroke="currentColor" stroke-linecap="round" stroke-width="2.6" d="M14.6 7.29999H14.59"></path><path stroke="currentColor" stroke-linecap="round" stroke-width="2.6" d="M9.30999 12H9.3"></path><path stroke="currentColor" stroke-linecap="round" stroke-width="2.6" d="M14.6 12H14.59"></path><path stroke="currentColor" stroke-linecap="round" stroke-width="2.6" d="M9.40999 16.7H9.4"></path><path stroke="currentColor" stroke-linecap="round" stroke-width="2.6" d="M14.6 16.7H14.59"></path></svg></span><div class="ce-toolbox" data-cy="toolbox"><div class="ce-popover" style="--popover-height: 270px;"><div class="ce-popover__container"><div class="cdx-search-field ce-popover__search"><div class="cdx-search-field__icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><circle cx="10.5" cy="10.5" r="5.5" stroke="currentColor" stroke-width="2"></circle><line x1="15.4142" x2="19" y1="15" y2="18.5858" stroke="currentColor" stroke-linecap="round" stroke-width="2"></line></svg></div><input class="cdx-search-field__input" placeholder="Filter" tabindex="-1" data-empty="false"></div><div class="ce-popover__nothing-found-message">Nothing found</div><div class="ce-popover__items"><div class="ce-popover-item" data-item-name="paragraph"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M8 9V7.2C8 7.08954 8.08954 7 8.2 7L12 7M16 9V7.2C16 7.08954 15.9105 7 15.8 7L12 7M12 7L12 17M12 17H10M12 17H14"></path></svg></div><div class="ce-popover-item__title">Text</div></div><div class="ce-popover-item" data-item-name="header"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M9 7L9 12M9 17V12M9 12L15 12M15 7V12M15 17L15 12"></path></svg></div><div class="ce-popover-item__title">Heading</div></div><div class="ce-popover-item" data-item-name="list"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><line x1="12" x2="19" y1="7" y2="7" stroke="currentColor" stroke-linecap="round" stroke-width="2"></line><line x1="12" x2="19" y1="12" y2="12" stroke="currentColor" stroke-linecap="round" stroke-width="2"></line><line x1="12" x2="19" y1="17" y2="17" stroke="currentColor" stroke-linecap="round" stroke-width="2"></line><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M7.79999 14L7.79999 7.2135C7.79999 7.12872 7.7011 7.0824 7.63597 7.13668L4.79999 9.5"></path></svg></div><div class="ce-popover-item__title">List</div></div><div class="ce-popover-item" data-item-name="quote"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 10.8182L9 10.8182C8.80222 10.8182 8.60888 10.7649 8.44443 10.665C8.27998 10.5651 8.15181 10.4231 8.07612 10.257C8.00043 10.0909 7.98063 9.90808 8.01922 9.73174C8.0578 9.55539 8.15304 9.39341 8.29289 9.26627C8.43275 9.13913 8.61093 9.05255 8.80491 9.01747C8.99889 8.98239 9.19996 9.00039 9.38268 9.0692C9.56541 9.13801 9.72159 9.25453 9.83147 9.40403C9.94135 9.55353 10 9.72929 10 9.90909L10 12.1818C10 12.664 9.78929 13.1265 9.41421 13.4675C9.03914 13.8084 8.53043 14 8 14"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 10.8182L15 10.8182C14.8022 10.8182 14.6089 10.7649 14.4444 10.665C14.28 10.5651 14.1518 10.4231 14.0761 10.257C14.0004 10.0909 13.9806 9.90808 14.0192 9.73174C14.0578 9.55539 14.153 9.39341 14.2929 9.26627C14.4327 9.13913 14.6109 9.05255 14.8049 9.01747C14.9989 8.98239 15.2 9.00039 15.3827 9.0692C15.5654 9.13801 15.7216 9.25453 15.8315 9.40403C15.9414 9.55353 16 9.72929 16 9.90909L16 12.1818C16 12.664 15.7893 13.1265 15.4142 13.4675C15.0391 13.8084 14.5304 14 14 14"></path></svg></div><div class="ce-popover-item__title">Quote</div></div><div class="ce-popover-item" data-item-name="delimiter"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><line x1="6" x2="10" y1="12" y2="12" stroke="currentColor" stroke-linecap="round" stroke-width="2"></line><line x1="14" x2="18" y1="12" y2="12" stroke="currentColor" stroke-linecap="round" stroke-width="2"></line></svg></div><div class="ce-popover-item__title">Delimiter</div></div><div class="ce-popover-item" data-item-name="table"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="M10 5V18.5"></path><path stroke="currentColor" stroke-width="2" d="M5 10H19"></path><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"></rect></svg></div><div class="ce-popover-item__title">Table</div></div><div class="ce-popover-item" data-item-name="code"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 8L5 12L9 16"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 8L19 12L15 16"></path></svg></div><div class="ce-popover-item__title">Code</div></div><div class="ce-popover-item" data-item-name="warning"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"></rect><line x1="12" x2="12" y1="9" y2="12" stroke="currentColor" stroke-linecap="round" stroke-width="2"></line><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 15.02V15.01"></path></svg></div><div class="ce-popover-item__title">Warning</div></div><div class="ce-popover-item" data-item-name="image"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"></rect><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.13968 15.32L8.69058 11.5661C9.02934 11.2036 9.48873 11 9.96774 11C10.4467 11 10.9061 11.2036 11.2449 11.5661L15.3871 16M13.5806 14.0664L15.0132 12.533C15.3519 12.1705 15.8113 11.9668 16.2903 11.9668C16.7693 11.9668 17.2287 12.1705 17.5675 12.533L18.841 13.9634"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.7778 9.33331H13.7867"></path></svg></div><div class="ce-popover-item__title">Image</div></div><div class="ce-popover-item" data-item-name="attaches"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.3236 8.43554L9.49533 12.1908C9.13119 12.5505 8.93118 13.043 8.9393 13.5598C8.94741 14.0767 9.163 14.5757 9.53862 14.947C9.91424 15.3182 10.4191 15.5314 10.9422 15.5397C11.4653 15.5479 11.9637 15.3504 12.3279 14.9908L16.1562 11.2355C16.8845 10.5161 17.2845 9.53123 17.2682 8.4975C17.252 7.46376 16.8208 6.46583 16.0696 5.72324C15.3184 4.98066 14.3086 4.55425 13.2624 4.53782C12.2162 4.52138 11.2193 4.91627 10.4911 5.63562L6.66277 9.39093C5.57035 10.4699 4.97032 11.9473 4.99467 13.4979C5.01903 15.0485 5.66578 16.5454 6.79264 17.6592C7.9195 18.7731 9.43417 19.4127 11.0034 19.4374C12.5727 19.462 14.068 18.8697 15.1604 17.7907L18.9887 14.0354"></path></svg></div><div class="ce-popover-item__title">Attachment</div></div><div class="ce-popover-item" data-item-name="raw"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div><div class="ce-popover-item__title">Raw HTML</div></div><div class="ce-popover-item" data-item-name="accordion"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"></path></svg></div><div class="ce-popover-item__title">Accordion / Collapse</div></div><div class="ce-popover-item" data-item-name="youtube"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="red"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></div><div class="ce-popover-item__title">YouTube Video</div></div><div class="ce-popover-item" data-item-name="hero"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg></div><div class="ce-popover-item__title">Hero Banner</div></div><div class="ce-popover-item" data-item-name="stickyNav"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></div><div class="ce-popover-item__title">Sticky Nav / Sub-menu</div></div><div class="ce-popover-item" data-item-name="snippet"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div><div class="ce-popover-item__title">HTML Snippet</div></div><div class="ce-popover-item" data-item-name="timeline"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div><div class="ce-popover-item__title">Timeline Group</div></div><div class="ce-popover-item" data-item-name="grid"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="9"></rect><rect x="14" y="3" width="7" height="9"></rect><rect x="14" y="15" width="7" height="6"></rect><rect x="3" y="15" width="7" height="6"></rect></svg></div><div class="ce-popover-item__title">Grid / Columns</div></div><div class="ce-popover-item" data-item-name="flex"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"></rect><line x1="9" y1="3" x2="9" y2="21"></line><line x1="15" y1="3" x2="15" y2="21"></line></svg></div><div class="ce-popover-item__title">Flex Layout</div></div><div class="ce-popover-item" data-item-name="hovercard"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7" rx="1"></rect><rect x="14" y="3" width="7" height="7" rx="1"></rect><rect x="14" y="14" width="7" height="7" rx="1"></rect><rect x="3" y="14" width="7" height="7" rx="1"></rect></svg></div><div class="ce-popover-item__title">Hover Cards</div></div><div class="ce-popover-item" data-item-name="tag"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 18l6-6-6-6M8 6l-6 6 6 6"></path></svg></div><div class="ce-popover-item__title">HTML Tag (Open/Close)</div></div><div class="ce-popover-item" data-item-name="nav"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></div><div class="ce-popover-item__title">Sticky Nav / Sub-menu</div></div><div class="ce-popover-item" data-item-name="tinymce"><div class="ce-popover-item__icon ce-popover-item__icon--tool"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16v16H4z"></path><path d="M8 8h8"></path><path d="M12 8v8"></path><path d="M10 16h4"></path></svg></div><div class="ce-popover-item__title">TinyMCE Editor</div></div></div></div></div></div><div class="ce-settings" data-cy="block-tunes"></div></div></div></div></div></div>
|
||
|
||
<!-- Hidden input to store the JSON content for form submission -->
|
||
<input type="hidden" id="editorContent" name="content" value="{"time":1785738150399,"blocks":[{"id":"oLrwTD1uPv","type":"header","data":{"text":"Ban Giám đốc","level":1},"tunes":{"textStyling":{"alignment":"center","cssClass":"","customStyle":"color: var(--color-old-brick); font-weight: bold;)","elementId":"","customAttrs":""}}},{"id":"_M8sWBzijk","type":"grid","data":{"cols":2,"globalClass":"","globalId":"","globalAttributes":"","type1":"image","col1":{"file":{"url":"/upload/2018/10/bs-cuong.jpg"},"caption":"","withBorder":false,"stretched":false,"withBackground":false},"imgUrl1":"","ytUrl1":"","accTitle1":"","accContent1":"","class1":"","id1":"","attr1":"","width1":3,"caption1":"","subType1":"tinymce","colsub_1":{"html":"<h3 style=\"text-align: center;\"><span style=\"color: rgb(224, 62, 45);\">Gi&aacute;m đốc</span></h3>\n<h3 style=\"text-align: center;\"><span style=\"color: rgb(224, 62, 45);\">TS.BS TRẦN CH&Iacute; CƯỜNG</span></h3>"},"imgUrlsub_1":"","ytUrlsub_1":"","accTitlesub_1":"","accContentsub_1":"","classsub_1":"","idsub_1":"","attrsub_1":"","type2":"image","col2":{"file":{"url":"/upload/2018/10/screenshot_1613617618.png"},"caption":"","withBorder":false,"stretched":false,"withBackground":false},"imgUrl2":"","ytUrl2":"","accTitle2":"","accContent2":"","class2":"","id2":"","attr2":"","width2":3,"caption2":"","subType2":"tinymce","colsub_2":{"html":"<h3 style=\"text-align: center;\"><strong><span style=\"color: rgb(224, 62, 45);\">Ph&oacute; gi&aacute;m đốc điều h&agrave;nh</span></strong></h3>\n<h3 style=\"text-align: center;\"><strong><span style=\"color: rgb(224, 62, 45);\">BS.CKII PHAN TRỊNH MINH HIẾU</span></strong></h3>"},"imgUrlsub_2":"","ytUrlsub_2":"","accTitlesub_2":"","accContentsub_2":"","classsub_2":"","idsub_2":"","attrsub_2":""},"tunes":{"textStyling":{"alignment":"","cssClass":"","customStyle":"","elementId":"","customAttrs":""}}},{"id":"G5NQw1QFkV","type":"header","data":{"text":"Lãnh đạo Phòng/ Cơ sở/ Trung tâm/ Đơn vị chức năng","level":1},"tunes":{"textStyling":{"alignment":"center","cssClass":"","customStyle":"color:var(--color-old-brick); font-weight: bold;)","elementId":"","customAttrs":""}}},{"id":"ZK1SssCSpq","type":"grid","data":{"cols":3,"globalClass":"","globalId":"","globalAttributes":"","type1":"image","col1":{"file":{"url":"/upload/2025/07/bs_thai_circle.png"},"caption":"<br>","withBorder":false,"stretched":false,"withBackground":false},"imgUrl1":"","ytUrl1":"","accTitle1":"","accContent1":"","class1":"bg-white rounded-lg overflow-hidden relative group overview-wrapper-shadow xl:p-4 p-3","id1":"","attr1":"","width1":0,"caption1":"","subType1":"tinymce","colsub_1":{"html":"<h3 style=\"text-align: center;\"><span style=\"color: rgb(224, 62, 45);\">BS Th&aacute;i</span></h3>\n<h3 style=\"text-align: center;\"><span style=\"color: rgb(224, 62, 45);\">Trưởng Khoa</span></h3>"},"imgUrlsub_1":"","ytUrlsub_1":"","accTitlesub_1":"","accContentsub_1":"","classsub_1":"","idsub_1":"","attrsub_1":"","type2":"image","col2":{"file":{"url":"/upload/2025/07/bs_thai_circle.png"},"caption":"<br>","withBorder":false,"stretched":false,"withBackground":false},"imgUrl2":"","ytUrl2":"","accTitle2":"","accContent2":"","class2":"bg-white rounded-lg overflow-hidden relative group overview-wrapper-shadow xl:p-4 p-3","id2":"","attr2":"","width2":0,"caption2":"","subType2":"tinymce","colsub_2":{"html":"<h3 style=\"text-align: center;\"><span style=\"color: rgb(224, 62, 45);\">BS Th&aacute;i</span></h3>\n<h3 style=\"text-align: center;\"><span style=\"color: rgb(224, 62, 45);\">Trưởng Khoa</span></h3>"},"imgUrlsub_2":"","ytUrlsub_2":"","accTitlesub_2":"","accContentsub_2":"","classsub_2":"","idsub_2":"","attrsub_2":"","type3":"image","col3":{"file":{"url":"/upload/2025/07/bs_thai_circle.png"},"caption":"<br>","withBorder":false,"stretched":false,"withBackground":false},"imgUrl3":"","ytUrl3":"","accTitle3":"","accContent3":"","class3":"bg-white rounded-lg overflow-hidden relative group overview-wrapper-shadow xl:p-4 p-3","id3":"","attr3":"","width3":0,"caption3":"","subType3":"tinymce","colsub_3":{"html":"<h3 style=\"text-align: center;\"><span style=\"color: rgb(224, 62, 45);\">BS Th&aacute;i</span></h3>\n<h3 style=\"text-align: center;\"><span style=\"color: rgb(224, 62, 45);\">Trưởng Khoa</span></h3>"},"imgUrlsub_3":"","ytUrlsub_3":"","accTitlesub_3":"","accContentsub_3":"","classsub_3":"","idsub_3":"","attrsub_3":""},"tunes":{"textStyling":{"alignment":"","cssClass":"","customStyle":"","elementId":"","customAttrs":""}}}],"version":"2.31.0-rc.7"}">
|
||
|
||
<small class="form-text text-muted mt-2">
|
||
<i class="fas fa-info-circle"></i>
|
||
Click the <strong>+</strong> button or press <kbd>Tab</kbd> to add new blocks. Use the block menu (☰) to change block
|
||
types or reorder.
|
||
</small>
|
||
</div>
|
||
|
||
<!-- Submit Buttons -->
|
||
<hr>
|
||
<div class="d-flex justify-content-between">
|
||
<a href="http://localhost:8080/manage/pages" class="btn btn-secondary"> <i class="fas fa-times"></i> Cancel </a>
|
||
<button type="submit" class="btn btn-primary">
|
||
<i class="fas fa-save"></i>
|
||
<span>Update Page</span>
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Import JSON Modal -->
|
||
<div class="modal fade" id="importJsonModal" tabindex="-1" role="dialog" aria-labelledby="importJsonModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header bg-info text-white">
|
||
<h5 class="modal-title" id="importJsonModalLabel"><i class="fas fa-file-import"></i> Import Editor.js JSON</h5>
|
||
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<p class="small text-muted mb-2">Select a <code>.json</code> file or paste an Editor.js JSON object directly into the box below:</p>
|
||
<div class="form-group mb-3">
|
||
<label for="jsonFileInput" class="font-weight-bold">Select JSON File:</label>
|
||
<input type="file" class="form-control-file" id="jsonFileInput" accept=".json">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="jsonPasteArea" class="font-weight-bold">Or Paste JSON Data:</label>
|
||
<textarea class="form-control" id="jsonPasteArea" rows="10" placeholder="{"time": 1700000000, "blocks": [...], "version": "2.30.8"}" style="font-family: monospace; font-size: 12px;"></textarea>
|
||
</div>
|
||
<div id="jsonImportError" class="alert alert-danger mb-0" style="display: none;"></div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
|
||
<button type="button" class="btn btn-info" id="applyJsonImportBtn"><i class="fas fa-check"></i> Load into Editor</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /.container-fluid -->
|
||
|
||
</div>
|
||
<!-- End of Main Content -->
|
||
|
||
<!-- Footer -->
|
||
<footer class="sticky-footer bg-white">
|
||
<div class="container my-auto">
|
||
<div class="copyright text-center my-auto">
|
||
<span>Copyright © SIS Vietnam 2026</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- End of Footer -->
|
||
|
||
</div>
|
||
<!-- End of Content Wrapper -->
|
||
|
||
</div>
|
||
<!-- End of Page Wrapper -->
|
||
|
||
<!-- Scroll to Top Button-->
|
||
<a class="scroll-to-top rounded" href="http://localhost:8080/manage/pages/18900/edit#page-top" style="display: inline; opacity: 0.825694;">
|
||
<i class="fas fa-angle-up"></i>
|
||
</a>
|
||
|
||
<!-- Logout Modal-->
|
||
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
|
||
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
|
||
<div class="modal-footer">
|
||
<button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
|
||
<a class="btn btn-primary" href="http://localhost:8080/manage/pages/18900/edit#">Logout</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Bootstrap core JavaScript-->
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/jquery.min.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/bootstrap.bundle.min.js.download"></script>
|
||
|
||
<!-- Core plugin JavaScript-->
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/jquery.easing.min.js.download"></script>
|
||
|
||
<!-- Custom scripts for all pages-->
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/sb-admin-2.min.js.download"></script>
|
||
|
||
<!-- Page-specific scripts injected by child templates -->
|
||
<section>
|
||
<!-- Editor.js Core -->
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/editorjs.umd.js.download"></script>
|
||
|
||
<!-- Built-in Block Tools -->
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/header.umd.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/nested-list.umd.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/quote.umd.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/delimiter.umd.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/table.umd.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/code.umd.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/warning.umd.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/marker.umd.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/inline-code.umd.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/bundle.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/image.umd.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/bundle(1).js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/bundle(2).js.download"></script>
|
||
|
||
<!--
|
||
============================================================
|
||
FUTURE PLUGINS: Load your custom block plugin scripts HERE.
|
||
They must be loaded BEFORE editor-config.js so they can
|
||
register into window.SISEditorPlugins.
|
||
|
||
Example:
|
||
<script th:src="@{/js/manage/editor-plugins/my-video-block.js}"></script>
|
||
<script th:src="@{/js/manage/editor-plugins/my-gallery-block.js}"></script>
|
||
============================================================
|
||
-->
|
||
|
||
<!-- Custom SIS Editor Plugins -->
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/html-snippet.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/timeline.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/grid.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/flex.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/hover-card.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/tag.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/nav.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/hero-banner.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/text-styling.js.download"></script>
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/tiny-mce.js.download"></script>
|
||
|
||
<!-- SIS Standalone Media Picker Library -->
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/sis-media-picker.js.download"></script>
|
||
|
||
<!-- Init Editor -->
|
||
<script src="./Edit Page - SIS Vietnam - Manage_files/editor-config.js.download"></script>
|
||
|
||
<!-- Initialize the editor and page-specific scripts -->
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
// --- Editor.js Initialization ---
|
||
var existingContent = document.getElementById('editorContent').value;
|
||
var initialData = null;
|
||
|
||
if (existingContent && existingContent.trim() !== '') {
|
||
try {
|
||
initialData = JSON.parse(existingContent);
|
||
} catch (e) {
|
||
console.warn('[SIS Editor] Existing content is not valid JSON, treating as Raw HTML.');
|
||
initialData = {
|
||
time: Date.now(),
|
||
blocks: [
|
||
{
|
||
type: 'raw',
|
||
data: {
|
||
html: existingContent,
|
||
},
|
||
},
|
||
],
|
||
};
|
||
}
|
||
}
|
||
|
||
window.sisEditor = initSISEditor('editorjs', 'editorContent', initialData);
|
||
|
||
// Show badges for any injected plugins
|
||
var pluginBadges = document.getElementById('pluginBadges');
|
||
var pluginKeys = Object.keys(window.SISEditorPlugins || {});
|
||
if (pluginBadges && pluginKeys.length > 0) {
|
||
pluginKeys.forEach(function (key) {
|
||
var badge = document.createElement('span');
|
||
badge.className = 'badge badge-info ml-1';
|
||
badge.textContent = key + ' (plugin)';
|
||
pluginBadges.appendChild(badge);
|
||
});
|
||
}
|
||
// Warn user before leaving page if they have unsaved changes
|
||
var isFormSubmitted = false;
|
||
document.getElementById('pageForm').addEventListener('submit', function () {
|
||
isFormSubmitted = true;
|
||
});
|
||
|
||
window.addEventListener('beforeunload', function (e) {
|
||
if (!isFormSubmitted) {
|
||
var confirmationMessage = 'You may have unsaved changes. Are you sure you want to leave?';
|
||
e.returnValue = confirmationMessage;
|
||
return confirmationMessage;
|
||
}
|
||
});
|
||
|
||
// Full Screen Mode Toggle
|
||
var editorContainer = document.getElementById('editorjs');
|
||
var fsBtn = document.getElementById('toggleFullscreenBtn');
|
||
var fsIcon = fsBtn.querySelector('i');
|
||
|
||
fsBtn.addEventListener('click', function () {
|
||
editorContainer.classList.toggle('editor-fullscreen');
|
||
if (editorContainer.classList.contains('editor-fullscreen')) {
|
||
fsIcon.classList.remove('fa-expand');
|
||
fsIcon.classList.add('fa-compress');
|
||
fsBtn.style.position = 'fixed';
|
||
fsBtn.style.top = '10px';
|
||
fsBtn.style.right = '20px';
|
||
fsBtn.style.zIndex = '10000';
|
||
} else {
|
||
fsIcon.classList.remove('fa-compress');
|
||
fsIcon.classList.add('fa-expand');
|
||
fsBtn.style.position = 'static';
|
||
}
|
||
});
|
||
|
||
// Export JSON Logic
|
||
var exportBtn = document.getElementById('exportJsonBtn');
|
||
if (exportBtn) {
|
||
exportBtn.addEventListener('click', function () {
|
||
if (window.sisEditor && typeof window.sisEditor.save === 'function') {
|
||
window.sisEditor.save().then(function (outputData) {
|
||
// Attach dedicated CSS and JS if they exist
|
||
var cssElement = document.getElementById('customCss');
|
||
var jsElement = document.getElementById('customJs');
|
||
if (cssElement) outputData.customCss = cssElement.value;
|
||
if (jsElement) outputData.customJs = jsElement.value;
|
||
|
||
var jsonString = JSON.stringify(outputData, null, 2);
|
||
var blob = new Blob([jsonString], { type: 'application/json' });
|
||
var url = URL.createObjectURL(blob);
|
||
var a = document.createElement('a');
|
||
|
||
// Get page title for filename if possible, default to editor_backup
|
||
var titleInput = document.getElementById('title') || document.querySelector('input[name="title"]');
|
||
var filename = 'editor_backup.json';
|
||
if (titleInput && titleInput.value.trim()) {
|
||
filename = titleInput.value.trim().toLowerCase().replace(/[^a-z0-9]+/g, '_') + '_backup.json';
|
||
}
|
||
|
||
a.href = url;
|
||
a.download = filename;
|
||
document.body.appendChild(a);
|
||
a.click();
|
||
|
||
setTimeout(function () {
|
||
document.body.removeChild(a);
|
||
window.URL.revokeObjectURL(url);
|
||
}, 0);
|
||
}).catch(function (error) {
|
||
console.error('[SIS Editor] Export failed:', error);
|
||
alert('Failed to export editor data: ' + error.message);
|
||
});
|
||
} else {
|
||
alert('Editor instance is not initialized or ready.');
|
||
}
|
||
});
|
||
}
|
||
|
||
// Import JSON Modal Logic
|
||
var importBtn = document.getElementById('importJsonBtn');
|
||
var importModal = $('#importJsonModal');
|
||
var jsonFileInput = document.getElementById('jsonFileInput');
|
||
var jsonPasteArea = document.getElementById('jsonPasteArea');
|
||
var jsonImportError = document.getElementById('jsonImportError');
|
||
var applyBtn = document.getElementById('applyJsonImportBtn');
|
||
|
||
if (importBtn) {
|
||
importBtn.addEventListener('click', function () {
|
||
jsonPasteArea.value = '';
|
||
if (jsonFileInput) jsonFileInput.value = '';
|
||
jsonImportError.style.display = 'none';
|
||
importModal.modal('show');
|
||
});
|
||
}
|
||
|
||
if (jsonFileInput) {
|
||
jsonFileInput.addEventListener('change', function (e) {
|
||
var file = e.target.files[0];
|
||
if (file) {
|
||
var reader = new FileReader();
|
||
reader.onload = function (evt) {
|
||
jsonPasteArea.value = evt.target.result;
|
||
};
|
||
reader.readAsText(file);
|
||
}
|
||
});
|
||
}
|
||
|
||
if (applyBtn) {
|
||
applyBtn.addEventListener('click', function () {
|
||
var rawText = jsonPasteArea.value.trim();
|
||
if (!rawText) {
|
||
jsonImportError.textContent = 'Please select a file or paste Editor.js JSON data first.';
|
||
jsonImportError.style.display = 'block';
|
||
return;
|
||
}
|
||
|
||
try {
|
||
var parsed = JSON.parse(rawText);
|
||
if (!parsed.blocks || !Array.isArray(parsed.blocks)) {
|
||
throw new Error('Invalid Editor.js format: Missing "blocks" array.');
|
||
}
|
||
|
||
// If dedicated CSS and JS exist in the backup, load them into textareas
|
||
if (parsed.hasOwnProperty('customCss')) {
|
||
var cssElement = document.getElementById('customCss');
|
||
if (cssElement) cssElement.value = parsed.customCss;
|
||
}
|
||
if (parsed.hasOwnProperty('customJs')) {
|
||
var jsElement = document.getElementById('customJs');
|
||
if (jsElement) jsElement.value = parsed.customJs;
|
||
}
|
||
|
||
if (window.sisEditor && typeof window.sisEditor.render === 'function') {
|
||
window.sisEditor.render(parsed).then(function () {
|
||
importModal.modal('hide');
|
||
}).catch(function (err) {
|
||
jsonImportError.textContent = 'Failed to render blocks: ' + err.message;
|
||
jsonImportError.style.display = 'block';
|
||
});
|
||
} else {
|
||
throw new Error('Editor instance not ready.');
|
||
}
|
||
} catch (err) {
|
||
jsonImportError.textContent = 'Invalid JSON: ' + err.message;
|
||
jsonImportError.style.display = 'block';
|
||
}
|
||
});
|
||
}
|
||
|
||
// --- Dedicated Custom CSS Auto Generator (Desktop, Tablet & Mobile Media Queries) ---
|
||
function insertResponsiveMediaQueries(textarea) {
|
||
if (!textarea) return;
|
||
var template = `/* ==========================================================================
|
||
DEFAULT / DESKTOP STYLES (≥ 992px)
|
||
========================================================================== */
|
||
.custom-section {
|
||
padding: 40px 0;
|
||
font-size: 16px;
|
||
}
|
||
|
||
/* ==========================================================================
|
||
TABLET RESPONSIVE STYLES (768px – 991px)
|
||
========================================================================== */
|
||
@media (max-width: 991px) {
|
||
.custom-section {
|
||
padding: 25px 0;
|
||
font-size: 15px;
|
||
}
|
||
}
|
||
|
||
/* ==========================================================================
|
||
MOBILE PHONE RESPONSIVE STYLES (≤ 767px)
|
||
========================================================================== */
|
||
@media (max-width: 767px) {
|
||
.custom-section {
|
||
padding: 15px 0;
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
`;
|
||
if (textarea.value.trim() === '') {
|
||
textarea.value = template;
|
||
} else {
|
||
textarea.value += '\n\n' + template;
|
||
}
|
||
textarea.focus();
|
||
}
|
||
|
||
var btnGenCss = document.getElementById('btnGenMediaQueryPage');
|
||
if (btnGenCss) {
|
||
btnGenCss.addEventListener('click', function () {
|
||
insertResponsiveMediaQueries(document.getElementById('customCss'));
|
||
});
|
||
}
|
||
|
||
// Tab indent support for Code Textareas
|
||
function enableTabIndentation(textarea) {
|
||
if (!textarea) return;
|
||
textarea.addEventListener('keydown', function (e) {
|
||
if (e.key === 'Tab') {
|
||
e.preventDefault();
|
||
var start = this.selectionStart;
|
||
var end = this.selectionEnd;
|
||
this.value = this.value.substring(0, start) + ' ' + this.value.substring(end);
|
||
this.selectionStart = this.selectionEnd = start + 2;
|
||
}
|
||
});
|
||
}
|
||
enableTabIndentation(document.getElementById('customCss'));
|
||
enableTabIndentation(document.getElementById('customJs'));
|
||
});
|
||
</script>
|
||
</section>
|
||
|
||
<!-- Admin Footer Hook -->
|
||
|
||
|
||
<!-- Admin Footer Scripts Hook -->
|
||
|
||
<script>
|
||
class SimpleDataTable {
|
||
constructor(tableSelector, options = {}) {
|
||
this.table = typeof tableSelector === 'string' ? document.querySelector(tableSelector) : tableSelector;
|
||
if (!this.table) return;
|
||
this.options = Object.assign({
|
||
pageLength: 10,
|
||
lengthMenu: [10, 25, 50, 100],
|
||
searchPlaceholder: "Tìm kiếm..."
|
||
}, options);
|
||
this.tbody = this.table.querySelector('tbody');
|
||
if (!this.tbody) return;
|
||
this.originalRows = Array.from(this.tbody.querySelectorAll('tr'));
|
||
this.filteredRows = [...this.originalRows];
|
||
this.currentPage = 1;
|
||
this.pageLength = this.options.pageLength;
|
||
this.initUI();
|
||
this.render();
|
||
}
|
||
initUI() {
|
||
const wrapper = document.createElement('div');
|
||
wrapper.className = 'sdt-wrapper';
|
||
this.table.parentNode.insertBefore(wrapper, this.table);
|
||
wrapper.appendChild(this.table);
|
||
const topControls = document.createElement('div');
|
||
topControls.className = 'd-flex justify-content-between align-items-center mb-3';
|
||
const lengthMenuDiv = document.createElement('div');
|
||
lengthMenuDiv.innerHTML = `
|
||
<label class="mb-0 d-flex align-items-center text-sm font-weight-normal">
|
||
Hiển thị
|
||
<select class="custom-select custom-select-sm mx-2 w-auto">
|
||
${this.options.lengthMenu.map(len => `<option value="${len}" ${len === this.pageLength ? 'selected' : ''}>${len}</option>`).join('')}
|
||
<option value="-1">Tất cả</option>
|
||
</select>
|
||
dòng
|
||
</label>
|
||
`;
|
||
this.lengthSelect = lengthMenuDiv.querySelector('select');
|
||
this.lengthSelect.addEventListener('change', (e) => {
|
||
this.pageLength = parseInt(e.target.value);
|
||
this.currentPage = 1;
|
||
this.render();
|
||
});
|
||
const searchDiv = document.createElement('div');
|
||
searchDiv.innerHTML = `
|
||
<label class="mb-0 d-flex align-items-center font-weight-normal">
|
||
<input type="search" class="form-control form-control-sm ml-2" placeholder="${this.options.searchPlaceholder}">
|
||
</label>
|
||
`;
|
||
this.searchInput = searchDiv.querySelector('input');
|
||
this.searchInput.addEventListener('input', (e) => {
|
||
const query = e.target.value.toLowerCase();
|
||
this.filteredRows = this.originalRows.filter(row => {
|
||
return row.textContent.toLowerCase().includes(query);
|
||
});
|
||
this.currentPage = 1;
|
||
this.render();
|
||
});
|
||
topControls.appendChild(lengthMenuDiv);
|
||
topControls.appendChild(searchDiv);
|
||
wrapper.insertBefore(topControls, this.table);
|
||
this.bottomControls = document.createElement('div');
|
||
this.bottomControls.className = 'd-flex justify-content-between align-items-center mt-3';
|
||
this.infoDiv = document.createElement('div');
|
||
this.infoDiv.className = 'sdt-info text-muted small';
|
||
this.paginationDiv = document.createElement('ul');
|
||
this.paginationDiv.className = 'pagination pagination-sm mb-0';
|
||
this.bottomControls.appendChild(this.infoDiv);
|
||
this.bottomControls.appendChild(this.paginationDiv);
|
||
wrapper.appendChild(this.bottomControls);
|
||
}
|
||
render() {
|
||
this.tbody.innerHTML = '';
|
||
const totalRows = this.filteredRows.length;
|
||
if (totalRows === 0) {
|
||
this.tbody.innerHTML = '<tr><td colspan="100%" class="text-center text-muted py-3">Không tìm thấy dữ liệu phù hợp</td></tr>';
|
||
this.infoDiv.innerText = 'Hiển thị 0 đến 0 của 0 dòng';
|
||
this.renderPagination(0);
|
||
return;
|
||
}
|
||
let start = 0;
|
||
let end = totalRows;
|
||
if (this.pageLength > 0) {
|
||
const totalPages = Math.ceil(totalRows / this.pageLength);
|
||
if (this.currentPage > totalPages) this.currentPage = totalPages;
|
||
if (this.currentPage < 1) this.currentPage = 1;
|
||
start = (this.currentPage - 1) * this.pageLength;
|
||
end = Math.min(start + this.pageLength, totalRows);
|
||
}
|
||
const fragment = document.createDocumentFragment();
|
||
for (let i = start; i < end; i++) {
|
||
fragment.appendChild(this.filteredRows[i]);
|
||
}
|
||
this.tbody.appendChild(fragment);
|
||
this.infoDiv.innerText = `Hiển thị ${start + 1} đến ${end} của ${totalRows} dòng`;
|
||
this.renderPagination(totalRows);
|
||
}
|
||
renderPagination(totalRows) {
|
||
this.paginationDiv.innerHTML = '';
|
||
if (this.pageLength <= 0 || totalRows <= this.pageLength) return;
|
||
const totalPages = Math.ceil(totalRows / this.pageLength);
|
||
const createLi = (text, page, disabled = false, active = false) => {
|
||
const li = document.createElement('li');
|
||
li.className = `page-item ${disabled ? 'disabled' : ''} ${active ? 'active' : ''}`;
|
||
li.innerHTML = `<a class="page-link" href="javascript:void(0)">${text}</a>`;
|
||
if (!disabled && !active) {
|
||
li.addEventListener('click', () => {
|
||
this.currentPage = page;
|
||
this.render();
|
||
});
|
||
}
|
||
return li;
|
||
};
|
||
this.paginationDiv.appendChild(createLi('Trang trước', this.currentPage - 1, this.currentPage === 1));
|
||
for (let i = 1; i <= totalPages; i++) {
|
||
if (totalPages > 7) {
|
||
if (i === 1 || i === totalPages || (i >= this.currentPage - 1 && i <= this.currentPage + 1)) {
|
||
this.paginationDiv.appendChild(createLi(i, i, false, i === this.currentPage));
|
||
} else if (i === this.currentPage - 2 || i === this.currentPage + 2) {
|
||
this.paginationDiv.appendChild(createLi('...', i, true));
|
||
}
|
||
} else {
|
||
this.paginationDiv.appendChild(createLi(i, i, false, i === this.currentPage));
|
||
}
|
||
}
|
||
this.paginationDiv.appendChild(createLi('Trang sau', this.currentPage + 1, this.currentPage === totalPages));
|
||
}
|
||
}
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
const activeTables = ['pagesTable','doctorTable','specialtiesTable','dataTable','postsTable','tagsTable','categoriesTable','doctorsTable'];
|
||
activeTables.forEach(id => {
|
||
const table = document.getElementById(id);
|
||
if (table) {
|
||
new SimpleDataTable(table, { pageLength: 10, lengthMenu: [10, 25, 50, 100], searchPlaceholder: 'Tìm kiếm...' });
|
||
const responsiveDiv = table.closest('.table-responsive');
|
||
if (responsiveDiv && responsiveDiv.nextElementSibling) {
|
||
const nextEl = responsiveDiv.nextElementSibling;
|
||
if (nextEl.querySelector('.pagination')) {
|
||
nextEl.style.display = 'none';
|
||
nextEl.classList.add('server-pagination-hidden');
|
||
}
|
||
}
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<div class="ct ct--bottom" style="left: 220.5px; top: 5224.31px;"><div class="ct__content"><div>Click to tune<div class="ce-toolbar__plus-shortcut">Ctrl + /</div></div></div></div><div class="tox tox-silver-sink tox-tinymce-aux" style="position: relative;"></div><div class="tox tox-silver-sink tox-tinymce-aux" style="position: relative;"></div><div class="tox tox-silver-sink tox-tinymce-aux" style="position: relative;"></div><div class="tox tox-silver-sink tox-tinymce-aux" style="position: relative;"></div><div class="tox tox-silver-sink tox-tinymce-aux" style="position: relative;"></div></body></html> |