/ittf/meta/document/index.html.ittf (primary)
1 html 2 $ 3 var opt = { 4 title: 'ITTF explorer', 5 } 6 var ca = 'm-s color-header font-x font-w-s'; 7 var ca2 = 'color-header font-x font-w-s'; 8 var folderUri = "" 9 $include models/docs/site.wzctx 10 html/layouts/site( &opt ) 11 $append head-styles-2 12 css /ittf/meta/html/styles.css.ittf 13 nav 14 class tn-bar 15 nav 16 class tn-breadcrumbs 17 . breadcrumb 18 $foreach bc in ds.breadCrumbs 19 a ${bc.name} 20 $if bc.isLast 21 class active 22 href # 23 $ folderUri = bc.uri 24 $else 25 href ${bc.uri} 26 a 27 + Edit 28 href ${folderUri} 29 # mc-wrapper 30 class mc-wrapper-layout 31 . mc-frame 32 . mc-sidebar-left 33 ul 34 li 35 a ${ds.primaryUri} 36 href #${ds.primaryUri} 37 class mc-item-link 38 $foreach f in ds.fragments 39 li 40 a /${f.relUri} 41 href #${f.uri} 42 class mc-item-link 43 $foreach r in ds.ittfReferences 44 li 45 a Ref: /${r.relUri} 46 href #${r.documentState.primaryPath} 47 class mc-item-link 48 $foreach f in r.documentState.fragments 49 li 50 a /${f.relUri} 51 href #${f.uri} 52 class mc-item-link 53 . mc-content 54 . mc-pane 55 . code-panel 56 @ id ${ds.primaryUri} 57 . modal-view-container 58 h4 ${ds.primaryUri} (primary) 59 class d-h2 60 . code-edit-button 61 span edit 62 class edit-ittf-content-button 63 @ data-ittfcontent ${ds.id}_ittf 64 @ data-ittfpretty ${ds.id}_pretty 65 @ data-ittftitle ${ds.primaryUri} 66 @ data-ittfhash ${ds.primaryHash} 67 textarea 68 style display:none; 69 id ${ds.id}_ittf 70 + ${ds.primaryIttf.content} 71 pre 72 id ${ds.id}_pretty 73 class prettyprint 74 + ${ds.primaryIttf.pretty} 75 $foreach f in ds.fragments 76 . mc-pane 77 . code-panel 78 @ id ${f.uri} 79 . modal-view-container 80 h4 /${f.relUri} 81 class d-h2 82 . code-edit-button 83 span edit 84 class edit-ittf-content-button 85 @ data-ittfcontent ${f.id}_ittf 86 @ data-ittfpretty ${f.id}_pretty 87 @ data-ittftitle /${f.relUri} 88 @ data-ittfhash ${f.hash} 89 textarea 90 style display:none; 91 id ${f.id}_ittf 92 + ${f.ittfContent} 93 pre 94 id ${f.id}_pretty 95 class prettyprint 96 + ${f.ittfPretty} 97 $foreach r in ds.ittfReferences 98 . mc-pane 99 . code-panel 100 @ id ${r.documentState.primaryPath} 101 . modal-view-container 102 h4 ${r.documentState.primaryUri} 103 class d-h2 104 . code-edit-button 105 span edit 106 class edit-ittf-content-button 107 @ data-ittfcontent ${r.documentState.id}_ittf 108 @ data-ittfpretty ${r.documentState.id}_pretty 109 @ data-ittftitle ${r.documentState.primaryUri} 110 @ data-ittfhash ${r.documentState.primaryHash} 111 textarea 112 style display:none; 113 id ${r.documentState.id}_ittf 114 + ${r.documentState.primaryIttf.content} 115 pre 116 id ${r.documentState.id}_pretty 117 class prettyprint 118 + ${r.documentState.primaryIttf.pretty} 119 $foreach f in r.documentState.fragments 120 . mc-pane 121 . code-panel 122 @ id ${f.uri} 123 . modal-view-container 124 h4 /${f.relUri} 125 class d-h2 126 . code-edit-button 127 span edit 128 class edit-ittf-content-button 129 @ data-ittfcontent ${f.id}_ittf 130 @ data-ittfpretty ${f.id}_pretty 131 @ data-ittftitle /${f.relUri} 132 @ data-ittfhash ${f.hash} 133 textarea 134 style display:none; 135 id ${f.id}_ittf 136 + ${f.ittfContent} 137 pre 138 id ${f.id}_pretty 139 class prettyprint 140 + ${f.ittfPretty} 141 # ittf-editor-form 142 style display:none; 143 class editor-form 144 # ittf-editor-title 145 class editor-title 146 . editor-content 147 . editor-panel 148 # editorContainer 149 . editor-buttons 150 # ittf-editor-save 151 class editor-button 152 + Save 153 # ittf-editor-save-refresh 154 class editor-button 155 + Save & Refresh 156 # ittf-editor-cancel 157 class editor-button 158 + Cancel 159 $$ js /public/lib/ace/src-noconflict/ace.js 160 js https://www.unpkg.com/ace-builds@latest/src-noconflict/ace.js 161 js /ittf/meta/html/main.js.ittf
/t/models/docs/site.wzctx.ittf
1 $group 2 $global 3 var wzCtx = { 4 name: "stfnbssl.github.io/wizzi", 5 version: "0.7.1", 6 description: "Wizzi github page", 7 author: "Stefano Bassoli", 8 license: "MIT", 9 Params: { 10 title: "Wizzi", 11 baseUrl: "https://stfnbssl.github.io/wizzi" 12 }, 13 Section: { 14 items: [ 15 { 16 title: "Concepts", 17 url: "/ittf/site/docs/concepts/overview.html.ittf" 18 }, 19 { 20 title: "Howtos", 21 url: "/ittf/site/docs/howtos/getstarted.html.ittf" 22 }, 23 /* 24 { 25 title: "Sample code", 26 url: "/ittf/site/docs/samplecode/overview.html.ittf" 27 }, 28 { 29 title: "Geeky", 30 url: "/ittf/site/docs/geeky/overview.html.ittf" 31 }, 32 */ 33 { 34 title: "Cheatsheets", 35 url: "/wizzi/docs/cheatsheet/html" 36 }, 37 { 38 title: "Play", 39 url: "/ittf/site/docs/play/index.html.ittf" 40 } 41 ] 42 }, 43 Concepts: { 44 items: [ 45 { 46 title: "Overview", 47 url: "./overview.html.ittf" 48 }, 49 { 50 title: "Ittf Documents", 51 url: "./ittfdocuments.html.ittf" 52 }, 53 { 54 title: "Template Engine", 55 url: "./templateengine.html.ittf" 56 }, 57 { 58 title: "JsWizzi", 59 url: "./jswizzi.html.ittf" 60 }, 61 { 62 title: "mTrees", 63 url: "./mtrees.html.ittf" 64 }, 65 { 66 title: "Wizzi Schemas", 67 url: "./wizzischemas.html.ittf" 68 }, 69 { 70 title: "Wizzi Model DOMs", 71 url: "./wizzimodeldoms.html.ittf" 72 }, 73 { 74 title: "Wizzi Model Instances", 75 url: "./wizzimodelinstances.html.ittf" 76 }, 77 { 78 title: "Model Transformers", 79 url: "./modeltransformers.html.ittf" 80 }, 81 { 82 title: "Artifact Generators", 83 url: "./artifactgenerators.html.ittf" 84 }, 85 { 86 title: "Wizzi Jobs", 87 url: "./wizzijobs.html.ittf" 88 }, 89 { 90 title: "Wizzi Meta Productions", 91 url: "./wizzimetaproductions.html.ittf" 92 }, 93 { 94 title: "Wizzi Plugins", 95 url: "./wizziplugins.html.ittf" 96 }, 97 { 98 title: "Wizzi Meta Plugins", 99 url: "./wizzimetaplugins.html.ittf" 100 }, 101 { 102 title: "Wizzi API", 103 url: "./wizziapi.html.ittf" 104 }, 105 { 106 title: "Wizzi CLI", 107 url: "./wizzicli.html.ittf" 108 }, 109 { 110 title: "Virtual Store System", 111 url: "./virtualstoresystem.html.ittf" 112 }, 113 { 114 title: "Glossary", 115 url: "./glossary.html.ittf" 116 } 117 ] 118 }, 119 Howtos: { 120 items: [ 121 { 122 title: "Get started", 123 url: "./getstarted.html.ittf" 124 }, 125 { 126 title: "Wizzi API", 127 url: "./wizziapi.html.ittf" 128 } 129 ] 130 }, 131 SampleCode: { 132 items: [ 133 { 134 title: "Overview", 135 url: "./overview.html.ittf" 136 }, 137 { 138 title: "Template Engine", 139 url: "./templateengine.html.ittf" 140 }, 141 { 142 title: "JsWizzi", 143 url: "./jswizzi.html.ittf" 144 }, 145 { 146 title: "mTrees", 147 url: "./mtrees.html.ittf" 148 }, 149 { 150 title: "Wizzi Schemas", 151 url: "./wizzischemas.html.ittf" 152 }, 153 { 154 title: "Wizzi Model DOMs", 155 url: "./wizzimodeldoms.html.ittf" 156 }, 157 { 158 title: "Model Transformers", 159 url: "./modeltransformers.html.ittf" 160 }, 161 { 162 title: "Artifact Generators", 163 url: "./artifactgenerators.html.ittf" 164 }, 165 { 166 title: "Wizzi Jobs", 167 url: "./wizzijobs.html.ittf" 168 }, 169 { 170 title: "Wizzi Plugins", 171 url: "./wizziplugins.html.ittf" 172 }, 173 { 174 title: "Wizzi API", 175 url: "./wizziapi.html.ittf" 176 }, 177 { 178 title: "Virtual Store System", 179 url: "./virtualstoresystem.html.ittf" 180 }, 181 { 182 title: "Glossary", 183 url: "./glossary.html.ittf" 184 } 185 ] 186 }, 187 Geeky: { 188 items: [ 189 { 190 title: "Overview", 191 url: "./overview.html.ittf" 192 }, 193 { 194 title: "Template Engine", 195 url: "./templateengine.html.ittf" 196 }, 197 { 198 title: "JsWizzi", 199 url: "./jswizzi.html.ittf" 200 }, 201 { 202 title: "mTrees", 203 url: "./mtrees.html.ittf" 204 }, 205 { 206 title: "Wizzi Schemas", 207 url: "./wizzischemas.html.ittf" 208 }, 209 { 210 title: "Wizzi Model DOMs", 211 url: "./wizzimodeldoms.html.ittf" 212 }, 213 { 214 title: "Model Transformers", 215 url: "./modeltransformers.html.ittf" 216 }, 217 { 218 title: "Artifact Generators", 219 url: "./artifactgenerators.html.ittf" 220 }, 221 { 222 title: "Wizzi Jobs", 223 url: "./wizzijobs.html.ittf" 224 }, 225 { 226 title: "Wizzi Plugins", 227 url: "./wizziplugins.html.ittf" 228 }, 229 { 230 title: "Wizzi API", 231 url: "./wizziapi.html.ittf" 232 }, 233 { 234 title: "Wizzi CLI", 235 url: "./wizzicli.html.ittf" 236 }, 237 { 238 title: "Virtual Store System", 239 url: "./virtualstoresystem.html.ittf" 240 }, 241 { 242 title: "Glossary", 243 url: "./glossary.html.ittf" 244 } 245 ] 246 }, 247 Starter: { 248 "items": [ 249 { 250 title: "wizzi-starter-wizzi-plugin", 251 url: "https://github.com/wizzifactory/wizzi-examples/tree/master/packages/wizzi-starter-wizzi-plugin" 252 }, 253 { 254 title: "wizzi-starter-webpack-react", 255 url: "https://github.com/wizzifactory/wizzi-examples/tree/master/packages/wizzi-starter-webpack-react" 256 }, 257 { 258 title: "wizzi-starter-mern", 259 url: "https://github.com/wizzifactory/wizzi-examples/tree/master/packages/wizzi-starter-mern" 260 }, 261 { 262 title: "wizzi-starter-nextjs", 263 url: "https://github.com/wizzifactory/wizzi-examples/tree/master/packages/wizzi-starter-nextjs" 264 }, 265 { 266 title: "wizzi-starter-gatsby", 267 url: "https://github.com/wizzifactory/wizzi-examples/tree/master/packages/wizzi-starter-gatsby" 268 } 269 ] 270 }, 271 "Plugin": { 272 items: [ 273 { 274 title: "wizzi-js", 275 url: "https://github.com/wizzifactory/wizzi/tree/master/packages/wizzi-js/dist" 276 }, 277 { 278 title: "wizzi-web", 279 url: "https://github.com/wizzifactory/wizzi/tree/master/packages/wizzi-web/dist" 280 }, 281 { 282 title: "wizzi-lab", 283 url: "https://github.com/wizzifactory/wizzi/tree/master/packages/wizzi-lab/dist" 284 } 285 ] 286 }, 287 Colors: { 288 "bg_0": "#333", 289 "bg_f_0": "#000", 290 "c_0": "#fff", 291 "bg_dark": "#333", 292 "bg_dark_medium": "#444", 293 "c_dark": "#ddd", 294 "c_dark_medium": "#bbb", 295 "h3_c_dark": "#fc0" 296 }, 297 Fonts: { 298 "useMaterialIcons": true, 299 "materialIcons": { 300 "baseUrl": "https://stfnbssl.github.io/wizzi/fonts", 301 "fontWeight": "400", 302 "size": "24px" 303 } 304 }, 305 Styles: { 306 shellColors: { 307 mainHeaderBg: "#0D0D0D", 308 mainHeader: "#dedede", 309 mainContentBg: "#2D2D2D", 310 mainContent: "#dedede", 311 mainContentLeftBarBg: "#1D1D1D", 312 mainContentLeftBar: "#dedede", 313 mainFooterBg: "#0D0D0D", 314 mainFooter: "#dedede", 315 } 316 } 317 } 318 var mpage = { 319 Colors: { 320 background: "#ffffff", 321 scheme1Fade90: "whiteFade-90,rgba(255,255,255,0.9)", 322 themeBack: "#ffffff", 323 primary: "#BDF3EE", 324 primaryDark: "#122944", 325 primary30: "#BDF3EE", 326 gray70: "grey-70,#222B31", 327 grad1: "#81B6CF", 328 grad2: "#222B31" 329 } 330 }
/t/html/layouts/site.html.ittf
1 $group 2 $params &opt 3 $include models/docs/site.wzctx 4 $ 5 var ca = 'm-s p-s color-header font-l font-w-xxl'; 6 var ca_inverse = 'm-s p-s color-header-inverse bg-color-header-inverse font-l font-w-xxl'; 7 var ca2 = 'color-header font-x font-w-s'; 8 head 9 $if opt.title 10 @title ${opt.title} 11 meta 12 charset utf-8 13 meta 14 name viewport 15 content width=device-width, initial-scale=1 16 link 17 rel preconnect 18 href https://fonts.googleapis.com 19 link 20 rel preconnect 21 href https://fonts.gstatic.com 22 crossorigin 23 link 24 @ rel "stylesheet" 26 css /ittf/css/main.css.ittf 27 script 28 module 29 set window.__filename = 'browser' 30 $if opt.isWizziStudio && !opt.useFirebase 31 var WizziBrowser 32 { 33 @ log 34 function 35 var line 36 _ Array.prototype.slice.call(arguments).map 37 function 38 param argument 39 return 40 iif typeof argument === 'string' 41 then argument 42 else JSON.stringify(argument) 43 ._ join 44 @ '\n ' 45 if arguments.length > 1 && arguments[arguments.length-1] === '-' 46 set line += new Array(50).join('-') 47 set document.querySelector('#wizzi-browser-log').textContent += line + '\n' 48 @ clearLog 49 function 50 set document.querySelector('#wizzi-browser-log').textContent = '' 51 @ setStatus 52 function 53 param status 54 set document.querySelector('#wizzi-browser-status').textContent = status 55 @ setContent 56 function 57 param newContent 58 var content = document.querySelector('#wizzi-browser-content') 59 while content.hasChildNodes() 60 _ content.removeChild(content.lastChild) 61 _ content.appendChild(newContent) 62 $hook head-styles-0 63 $if opt.isWizziStudio && !opt.useFirebase 64 @style 65 css 66 # wizzi-browser-status 67 margin .5em 0 68 font-style italic 69 # wizzi-browser-log 70 margin .5em 0 71 white-space pre-wrap 72 # wizzi-browser-content 73 margin .5em 0 74 # status:empty, #log:empty, #content:empty 75 display none 76 $include ./styles 77 ./site-styles( &opt ) 78 $if opt.stickyNav 79 style 80 # ${opt.stickyNav}.sticky 81 position fixed 82 top 0 83 . ${opt.stickyNav}OffsetMargin 84 padding-top ${opt.stickyNavOffset}px 85 $if opt.stickyNavLogo 86 # ${opt.stickyNavLogo}.visible 87 display block 88 # ${opt.stickyNavLogo}.hidden 89 display none 90 $hook head-styles 91 $hook head-styles-2 92 $hook head-styles-3 93 $hook head-scripts 94 body 95 . full-page 96 . main-header 97 . flex-row space-between align-items-center width-100 98 id __main_navbar 99 . flex-row 100 html/a( /, ${ca2}) 101 div 102 style width: 80px; margin-top: 5px; margin-left: 20px; 103 html/images/logo( ${colors.mainHeader}, ${colors.mainHeaderBg}) 104 . flex-row 105 $if true 106 $if locals.user 107 $if opt.section != 'Starter' 108 html/a( Starter, /ittf/site/starter.html.ittf, ${ca}) 109 $else 110 . ${ca_inverse} 111 + Starter 112 $if opt.section != 'Lab' 113 html/a( Lab, /ittf/site/lab.html.ittf, ${ca}) 114 $else 115 . ${ca_inverse} 116 + Lab 117 $if opt.section != 'Productions' 118 html/a( Productions, /ittf/site/productions.html.ittf, ${ca}) 119 $else 120 . ${ca_inverse} 121 + Productions 122 $if opt.section != 'Play' 123 html/a( Play, /public/play, ${ca}) 124 $else 125 . ${ca_inverse} 126 + Play 127 . flex-row 128 $if opt.section != 'Project' 129 html/a( Project, /ittf/site/project.html.ittf, ${ca}) 130 $else 131 . ${ca_inverse} 132 + Project 133 $if opt.section != 'Docs' 134 html/a( Docs, /ittf/site/docs/concepts/overview.html.ittf, ${ca}) 135 $else 136 . ${ca_inverse} 137 + Docs 138 html/a( Github, https://github.com/stfnbssl/wizzi, ${ca}) 139 . flex-row m-r-x 140 $if false 141 $if locals.user 142 html/a( Profile, /account/profile, ${ca}) 143 html/a( Log Out, /auth/logout, ${ca}) 144 $else 145 html/a( Log In, /auth/login, ${ca}) 146 $else 147 . ${ca} 148 + Log in 149 title "Not implemented yet" 150 . main-content 151 . main-content-left-bar 152 $hook main-content-left-bar 153 . main-content-work-area 154 $hook main-content-work-area 155 $hook 156 . main-footer 157 $hook main-footer 158 $hook body-scripts-0 159 $if opt.isWizziStudio && !opt.useFirebase 160 div 161 # wizzi-browser-status 162 # wizzi-browser-log 163 # wizzi-browser-content 164 ./site-scripts( &opt ) 165 $if opt.stickyNav 166 script 167 let header = document.getElementById("__main_navbar") 168 let stickyBar = document.getElementById("${opt.stickyNav}") 169 $if opt.stickyNavLogo 170 let stickyLogo = document.getElementById("${opt.stickyNavLogo}") 171 let stickyPos = ${opt.stickyNavOffset} 172 _ window.addEventListener 173 @ "scroll" 174 => 175 param e 176 let scrollPos = window.scrollY 177 if scrollPos > stickyPos 178 _ stickyBar.classList.add('sticky') 179 _ header.classList.add('${opt.stickyNav}OffsetMargin') 180 $if opt.stickyNavLogo 181 _ stickyLogo.classList.add('visible') 182 _ stickyLogo.classList.remove('hidden') 183 else 184 _ stickyBar.classList.remove('sticky') 185 _ header.classList.remove('${opt.stickyNav}OffsetMargin') 186 $if opt.stickyNavLogo 187 _ stickyLogo.classList.remove('visible') 188 _ stickyLogo.classList.add('hidden') 189 $hook body-scripts 190 $hook body-scripts-2 191 $hook body-scripts-3 192 $if opt.useHighlight 193 script 194 _ document.addEventListener 195 @ 'DOMContentLoaded' 196 => 197 param event 198 _ document.querySelectorAll 199 @ 'pre .hljs' 200 ._ forEach 201 => 202 param block 203 _ hljs.highlightBlock(block)
/t/html/layouts/t/styles.html.ittf
1 $group 2 style 3 css 4 $ 5 var colors = wzCtx.Styles.shellColors; 6 . main-header 7 background-color ${colors.mainHeaderBg} 8 color ${colors.mainHeader} 9 height 5vh 10 overflow auto 11 display flex 12 flex-direction row 13 justify-content space-between 14 . main-content 15 display flex 16 flex-direction row 17 height 92vh 18 overflow auto 19 background-color ${colors.mainContentBg} 20 color ${colors.mainContent} 21 . main-content-left-bar 22 height 100% 23 width 3% 24 background-color ${colors.mainContentLeftBarBg} 25 . main-content-work-area 26 height 100% 27 width 97% 28 . main-footer 29 background-color ${colors.mainFooterBg} 30 color ${colors.mainFooter} 31 height 3vh 32 overflow auto
/t/html/layouts/site-styles.html.ittf
1 $group 2 $params &opt 3 $if opt.useBootstrap 4 css /public/lib/bootstrap/dist/css/bootstrap.min.css 5 $if opt.useCodemirror 6 html/s( /public/lib/codemirror/lib/codemirror.css) 7 html/s( /public/lib/codemirror/theme/monokai.css) 8 html/s( /public/lib/codemirror/theme/twilight.css) 9 $if typeof(wzCtx.aspect) !== 'undefined' 10 $if wzCtx.aspect.AnimateCss 11 $if wzCtx.aspect.production 12 html/s( /public/lib/animatecss/animate.min.css) 13 $else 14 html/s( /public/lib/animatecss/animate.css) 15 $if opt.useFontAwesome 16 $ 17 var fontAwesomeKey = 'eab461efef'; 18 script 19 src https://kit.fontawesome.com/${fontAwesomeKey}.js 20 crossorigin anonymous 21 $if opt.useFontRoboto 22 html/s( https://fonts.googleapis.com/css?family=Roboto:300, 400, 500) 23 $if opt.useFontMaterialIcons 24 html/s( https://fonts.googleapis.com/icon?family=Material+Icons) 25 $if opt.useGoogleFonts 26 $foreach item in opt.googleFonts 27 css https://fonts.googleapis.com/css?family=${item} 28 $if opt.useHighlight 29 $if opt.isWizziStudio 30 html/s( /public/lib/highlight/styles/github.css) 31 html/s( /public/lib/highlightjs-master/dracula.css) 32 $else 33 html/s( https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/default.min.css) 34 $if opt.useJarallax 35 html/s( /public/lib/jarallax/jarallax.css) 36 $if opt.useJsonFormatter 37 $if opt.isWizziStudio 38 html/s( https://cdnjs.cloudflare.com/ajax/libs/json-formatter/0.7.0/json-formatter.min.css) 39 $else 40 html/s( https://cdnjs.cloudflare.com/ajax/libs/json-formatter/0.7.0/json-formatter.min.css) 41 $if opt.useMaterialUI 42 html/s( https://fonts.googleapis.com/icon?family=Material+Icons) 43 $if opt.usePopper 44 html/s( /public/lib/popper/main.css) 45 $if opt.usePrism 46 $if opt.isWizziStudio 47 css /public/lib/prism/prism.css 48 $else 49 css https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/themes/prism.min.css 50 $if opt.useSocial 51 html/s( /public/lib/social/social-icons.css) 52 $if opt.useSweetalert 54 $if opt.mainCss && opt.mainCss.length > 0 55 html/s( ${opt.mainCss})
/t/html/a.html.ittf
1 $group 2 $params text, href|#, ca|@@null 3 a ${text} 4 href ${href} 5 $if ca 6 class ${ca} 7 $hook
/t/html/images/logo.html.ittf
1 svg 2 $params color|#000, bgcolor|#fff, viewBox|0 0 660 280 3 $ 4 var opt = {}; 5 opt.y0 = 10; 6 opt.y1 = 10; 7 opt.y1a = 90; 8 opt.y2 = 210; 9 opt.ybottom = 250; 10 opt.color = color; 11 preserve-aspect-ratio xMidYMid meet 12 viewBox ${viewBox} 13 rect 14 x 0 15 y 0 16 width 660 17 height 280 18 fill ${bgcolor} 19 stroke none 20 polyline 21 stroke ${color} 22 fill ${color} 23 stroke-width 2 24 points 10 ${opt.ybottom} 45 ${opt.y0} 60 ${opt.y0} 75 ${opt.y1a + 40} 120 ${opt.y2} 120 ${opt.y1a + 40} 175 ${opt.y2} 175 ${opt.y1a + 20} 230 ${opt.y2} 230 ${opt.ybottom} 25 wizzi-logo-i( 250, &opt ) 26 wizzi-logo-z( 320, &opt ) 27 wizzi-logo-z( 450, &opt ) 28 wizzi-logo-i( 590, &opt )
/t/html/layouts/site-scripts.html.ittf
1 $group 2 $params &opt 3 $ 4 var useReact = opt.useReact || opt.useMaterialUI; 5 var useBabel = useReact || opt.useBabel; 6 $if opt.useAce 7 $if opt.isWizziStudio 8 $if opt.production 9 html/j( /public/lib/ace/src-min-noconflict/ace.js) 10 $else 11 html/j( /public/lib/ace/src-noconflict/ace.js) 12 $else 13 html/j( https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.2/ace.js) 14 $if opt.useBootstrap 15 html/j( /public/lib/bootstrap/dist/js/bootstrap.min.js) 16 $if opt.useEventEmitter 17 $$ html/j( https://unpkg.com/eventemitter3@latest/umd/eventemitter3.min.js 19 $if opt.useCodemirror 20 html/j( /public/lib/codemirror/lib/codemirror.js) 21 html/j( /public/lib/codemirror/mode/javascript/javascript.js) 22 html/j( /public/lib/codemirror/mode/xml/xml.js) 23 html/j( /public/lib/codemirror/theme/monokai.css) 24 html/j( /public/lib/codemirror/theme/twilight.css) 25 $if opt.useDeepDiff 26 $if opt.isWizziStudio 27 html/j( /public/lib/flitbit/deep-diff.min.js) 28 $else 29 html/j( https://cdnjs.cloudflare.com/ajax/libs/deep-diff/0.3.3/deep-diff.min.js) 30 $if opt.useKeycode 31 $if opt.isWizziStudio 32 html/j( /public/lib/material-ui/keycode.min.2.2.0.js) 33 $else 34 html/j( https://cdn.jsdelivr.net/npm/keycode.js) 35 $if opt.useHighlight 36 $if opt.isWizziStudio 37 html/j( https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js) 38 $else 39 html/j( https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js) 40 $if opt.useInteractJs 41 html/j( /public/lib/interactjs/interact.js) 42 $if opt.useJarallax 43 html/j( /public/lib/object-fit-images/ofi.min.js) 44 $if opt.production 45 html/j( /public/lib/jarallax/jarallax.min.js) 46 html/j( /public/lib/jarallax/jarallax-video.min.js) 47 html/j( /public/lib/jarallax/jarallax-element.min.js) 48 $else 49 html/j( /public/lib/jarallax/jarallax.js) 50 html/j( /public/lib/jarallax/jarallax-video.js) 51 html/j( /public/lib/jarallax/jarallax-element.js) 52 $if opt.useJQuery || opt.useBootstrap 53 $if opt.production 54 html/j( /public/lib/jquery/jquery.min.js) 55 $else 56 html/j( /public/lib/jquery/jquery.js) 57 $if opt.useJsonFormatter 58 $if opt.isWizziStudio 59 html/j( /public/lib/json-formatter/json-formatter.js) 60 $else 62 $if opt.useJss 63 js /public/lib/jss/jss.js 64 js /public/lib/jss/jss-preset-default.js 65 $if opt.useMarkdown 66 html/j( https://cdn.jsdelivr.net/npm/marked/marked.min.js) 67 $if opt.useMathJax 68 html/j( https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML) 69 $if opt.usePopper 70 html/j( /public/lib/popper/popper.js) 71 $if opt.usePrism 72 $if opt.isWizziStudio 73 js /public/lib/prism/prism.js 74 $else 75 js https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js 76 $if opt.usePubSub 77 js /public/lib/pubsub/pubsub.js 78 $if useReact 79 $if opt.production 81 $else 83 $if opt.production 86 $else 89 $if opt.useClassNames 90 html/j( /public/lib/react/classnames.js) 91 $if opt.useMaterialUI 92 $if opt.materialUI.latest 93 $if opt.production 94 html/j( https://unpkg.com/@mui/material@latest/umd/material-ui.production.min.js) 95 $else 96 html/j( https://unpkg.com/@mui/material@latest/umd/material-ui.development.js) 97 $else 98 $if opt.production 99 $if opt.materialUI.v4 101 $else 103 $else 104 $if opt.materialUI.v4 106 $else 108 $if opt.useRouter 111 html/j( https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/react-router-dom.production.min.js) 112 $if opt.useReactGrid 113 html/j( /public/lib/react/react-grid-layout.min.js) 114 $if opt.useDownshift 115 $if opt.local || opt.isWizziStudio 117 $else 119 $if opt.useGridLayout 120 $if opt.useGridLayoutLatest 121 html/j( https://unpkg.com/react-grid-layout@latest/dist/react-grid-layout.min.js) 122 $else 124 $if opt.react.useStyledComponents 126 $if opt.react.useTransitionGroup 127 js https://cdnjs.cloudflare.com/ajax/libs/react-transition-group/4.4.1/react-transition-group.min.js 128 $if opt.useRxJs 129 html/j( /public/lib/rxjs/rxjs.umd.min.js) 130 $if opt.useScrollReveal 131 html/j( /public/lib/scrollreveal/scrollreveal.js) 132 $if opt.useSplit 133 js /public/lib/controls/split.js 134 $if opt.useSweetalert 136 $if opt.useUnderscore 137 $if opt.production 138 html/j( /public/lib/underscore/underscore.min.js) 139 $else 140 html/j( /public/lib/underscore/underscore.js) 141 $if opt.useVue 142 html/j( https://unpkg.com/vue) 143 $if opt.useWizzi 144 $if opt.isWizziStudio 145 html/j( /public/wizzi-play/scripts/wizzi.standalone.js) 146 $else 147 html/j( /scripts/wizzi.standalone.js) 148 $if opt.useMathJax 149 script 150 # 151 _ MathJax.Hub.Config 152 { 153 @ tex2jax 154 { 155 @ inlineMath [['$','$'], ['\\(','\\)']] 156 @ processEscapes true 157 $if useBabel 159 $if opt.useMonaco 160 html/j( /public/lib/monaco-editor/min/vs/loader.js) 161 $if opt.mainJs && opt.mainJs.length > 0 162 $if useBabel 163 script 164 src ${opt.mainJs} 165 type text/babel 166 $else 167 js ${opt.mainJs}
/t/html/images/t/wizzi-logo-i.html.ittf
1 $group 2 $params l:integer, &opt 3 polyline 4 stroke ${opt.color} 5 fill ${opt.color} 6 stroke-width 2 7 points ${l} ${opt.ybottom} ${l+10} ${opt.y1+80} ${l+40} ${opt.y1+80} ${l+50} ${opt.ybottom} 8 path 9 stroke ${opt.color} 10 fill ${opt.color} 11 stroke-width 2 12 d M${l+30}, ${opt.y1+20} C${l+60},${opt.y1+40} ${l+0},${opt.y1+60} ${l+30}, ${opt.y1+74}
/t/html/images/t/wizzi-logo-z.html.ittf
1 $group 2 $params l:integer, &opt 3 polyline 4 stroke ${opt.color} 5 fill ${opt.color} 6 stroke-width 2 7 points ${l} ${opt.ybottom} ${l} ${opt.ybottom - 20} ${l+100} ${opt.y1a+40} ${l+80} ${opt.y1a+20} ${l+80} ${opt.y1a} ${l+130} ${opt.y1a} ${l+100} ${opt.ybottom - 20} ${l+120} ${opt.ybottom - 20} ${l+120} ${opt.ybottom}
/t/html/s.html.ittf
1 $group 2 $params url 3 link 4 href ${url} 5 rel stylesheet
/t/html/j.html.ittf
1 $group 2 $params url 3 script 4 src ${url} 5 crossorigin anonymous
/ittf/meta/html/styles.css.ittf
1 css 2 $include options-init 3 $ 4 opt.prettyprint = true; 5 opt.l_mc_top = 8; 6 opt.c_bg_tn_bar = '#fafafa'; 7 opt.c_bg_tn_main = '#ededed'; 8 $include options-analize 9 css/layouts/meta_main( &opt) 10 < body 11 background-color ${opt.c_bg_0} 12 color ${opt.c_0} 13 font-size 15px 14 font-family roboto, verdana, tahoma, arial, sans-serif 15 line-height 1.8em 16 < h1 17 font-size 2rem 18 padding 1rem 0 0.5rem 0 19 < h2 20 font-size 1.5rem 21 padding 0.6rem 0 0.3rem 0 22 . clear 23 clear both 24 $include s/tn 25 $include s/fsitems 26 $include s/mc 27 $include s/modal 28 $include s/editor 29 $include css/sidebar-left 30 $include css/breadcrumbs
/ittf/meta/t/options-init.ittf
1 $group 2 $ 3 var opt = { 4 resetMarginsPaddingsBorders: true, 5 resetDisplayBlock: false, 6 resetOlUl: true, 7 resetBlockquote: false, 8 resetTable: false, 9 resetLinks: true, 10 prettyprint: false, 11 debug_css: false, 12 c_0: '#000', 13 c_bg_0: '#fff', 14 fa_1: false, 15 sidebar_1: false, 16 sb_1_min_w: 0, 17 logo_w: 70, 18 logo_h: 35, 19 };
/ittf/meta/t/options-analize.ittf
1 $group 2 $ 3 if (opt.sidebar_1) { 4 opt.fa_1 = true; 5 }
/ittf/meta/html/t/s/tn.css.ittf
1 $group 2 # tn-input-toggle 3 display none 4 . tn-bar 5 position fixed 6 min-width 100% 7 background-color ${opt.c_bg_tn_bar} 8 . tn-main 9 - flex for logo and menu UL 10 display flex 11 align-items center 12 - space-between evenly distributes the child elements within the parent flex container 13 justify-content space-between 14 padding 1rem 1rem 15 . logo 16 background-color ${opt.c_bg_tn_bar} 17 < img 18 width 7rem 19 height 3rem 20 & :hover 21 background-color ${opt.c_tn_bg_logo_hover} 22 < ul 23 display flex 24 justify-content space-between 25 list-style-type none 26 - width is required for justify-content to take effect 27 width 90% 28 < li 29 display inline-block 30 padding 1rem 31 font-size 1.6rem 32 < a 33 text-decoration none 34 & :hover 35 color ${opt.c_tn_2} 36 . tn-breadcrumbs 37 margin 5px 38 background-color ${opt.c_bg_tn_main}
/ittf/meta/html/t/s/fsitems.css.ittf
1 $group 2 . breadcrumbs-panel 3 display flex 4 flex-direction row 5 padding 0 0.5rem 0.5rem 0.5rem 6 . breadcrumb-item 7 padding 0.5rem 1rem 8 font-size 1.5rem 9 . fsitem 10 < img 11 position relative 12 top 3px 13 < a 14 padding-left 0.5rem
/ittf/meta/html/t/s/mc.css.ittf
1 $group 2 # mc-wrapper 3 position fixed 4 width 100% 5 height 100% 6 $if opt.debug_css 7 border 1px solid blue 8 . mc-wrapper-layout 9 top ${opt.l_mc_top}rem 10 height calc(100% - ${opt.l_mc_top + 10}rem) 11 . mc-frame 12 display flex 13 flex-direction row 14 height 100% 15 $if opt.debug_css 16 border 1px solid red 17 . mc-content 18 $$padding 50px 30px 19 $$ Do the same as mc-sidebar-left 20 padding 20px 20px 21 $$ height 100% 22 $$ still i can't find why i need to subtract these 40 pixels 23 $$ It seems to be the padding. Why? Isn t it internal to height 24 height calc(100% - 10rem) 25 overflow auto 26 . mc-pane 27 width 100% 28 < h2 29 font-size 2rem 30 font-weight 700 31 margin 2rem 0 0 0 32 < h3 33 font-size 1.4rem 34 font-weight 700 35 margin 1.5rem 0 0 0 36 < h4 37 font-weight 700 38 margin 0.5rem 0 -3px 0 39 < p 40 line-height 1.3rem 41 margin-bottom 0.5rem 42 < ul 43 list-style-type disc 44 padding-left 2rem 45 . code-edit-button 46 cursor pointer 47 & :hover 48 text-decoration underline 49 media screen and (max-width: 1028px) 50 # mc-wrapper 51 . mc-frame 52 display block 53 . mc-sidebar-left 54 $$ TODO explain exactly why 160px (that is mc-frame-bar height) 55 height calc(100% - 10rem) 56 margin 10px 57 < ul li 58 font-size 3rem 59 border-bottom 2px solid ${opt.c_0} 60 padding 2rem 0 61 < ul li:last-child 62 border-bottom 0 63 . mc-wrapper-layout 64 top ${opt.l_mc_top_mobile}rem 65 height calc(100% - ${opt.l_mc_top_mobile + 1}rem) 66 . mc-frame-bar 67 display flex 68 flex-direction row 69 justify-content space-between 70 background-color ${opt.c_mc_bg_frame_bar} 71 color ${opt.c_mc_frame_bar} 72 margin 1rem 73 padding 1.5rem 1rem 74 . mc-sidebar-left-title 75 display block 76 padding-left 0 77 font-size 3rem 78 . mc-label-toggle 79 display block 80 . mc-item-link 81 display none 82 . mc-pane 83 display none 84 font-size 1.1rem 85 < h2 86 font-size 1.6rem 87 font-weight 500 88 margin 1.5rem 0 0 0 89 < h3 90 font-size 1.3rem 91 font-weight 500 92 margin 1.2rem 0 0 0 93 < h4 94 font-weight 500 95 margin 1rem 0 -3px 0 96 < p 97 line-height 2rem 98 margin-bottom 1rem 99 . mc-content 100 $$ TODO explain exactly why 60px (that is mc-frame-bar height) 101 height calc(100% - 60px) 102 margin 10px 103 padding 20px 40px 104 . mc-content-title 105 display none 106 # mc-toggle-toc:checked ~ .mc-frame .mc-sidebar-left 107 display none 108 # mc-toggle-toc:checked ~ .mc-frame .mc-label-toggle-close 109 font-size 70px 110 cursor pointer 111 display block 112 $$ float right 113 height 35px 114 $$ margin-top -0.7rem 115 width 35px
/ittf/meta/html/t/s/modal.css.ittf
1 $group 2 . modal 3 display none 4 position fixed 5 z-index 1 6 left 0 7 top 0 8 width 100% 9 height 100% 10 overflow auto 11 background-color rgb(0,0,0) 12 background-color rgba(0,0,0,0.4) 13 . modal-content 14 background-color #fefefe 15 margin 5% auto 16 padding 20px 17 border 1px solid #888 18 width 80% 19 . modal-close 20 color #aaa 21 float right 22 font-size 28px 23 font-weight bold 24 . modal-close:hover 25 + .modal-close:focus 26 color black 27 text-decoration none 28 cursor pointer
/ittf/meta/html/t/s/editor.css.ittf
1 $group 2 . editor-form 3 display flex 4 flex-direction column 5 . editor-content 6 display flex 7 flex-direction row 8 . editor-buttons 9 display flex 10 flex-direction column 11 padding 2rem 5rem 12 . editor-title 13 font-size 1.2rem 14 font-weight 900 15 padding-bottom 0.2rem 16 . editor-panel 17 . editor-button 18 background-color #666 19 color #fff 20 text-align center 21 padding 1rem 22 margin-bottom 0.5rem 23 border-radius 0.5rem 24 cursor pointer 25 & :hover 26 background-color #999 27 color #ff0
/ittf/meta/t/css/sidebar-left.css.ittf
1 $group 2 . mc-sidebar-left 3 padding 20px 30px 4 $$ still i can't find why i need to subtract these 5 height calc(100% - 10rem) 6 min-width 20rem 7 overflow auto 8 < ul 9 display flex 10 justify-content space-between 11 flex-direction column 12 list-style-type none 13 transition all 1s ease 14 < li 15 border-bottom 1px solid ${opt.c_0} 16 color ${opt.c_0} 17 display block 18 font-size 0.8rem 19 $$ padding 0.1rem 0 0.1rem 1rem 20 padding 0 21 < a 22 color ${opt.c_0} 23 < li:last-child 24 border-bottom 0 25 . mc-sidebar-left-title 26 display none
/ittf/meta/t/css/breadcrumbs.css.ittf
1 $group 2 . breadcrumb 3 # centering 4 display inline-block 5 box-shadow 0 0 15px 1px rgba(0, 0, 0, 0.35) 6 overflow hidden 7 border-radius 5px 8 # Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links 9 counter-reset flag 10 . breadcrumb a 11 text-decoration none 12 outline none 13 display block 14 float left 15 font-size 12px 16 line-height 36px 17 color white 18 # need more margin on the left of links to accomodate the numbers 19 padding 0 10px 0 60px 20 background #666 21 background linear-gradient(#666, #333) 22 position relative 23 # since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links 24 . breadcrumb a:first-child 25 padding-left 46px 26 border-radius 5px 0 0 5px 27 # to match with the parent's radius 28 . breadcrumb a:first-child:before 29 left 14px 30 . breadcrumb a:last-child 31 border-radius 0 5px 5px 0 32 # this was to prevent glitches on hover 33 padding-right 20px 34 # hover/active styles 35 . breadcrumb a.active 36 + .breadcrumb a:hover 37 background #333 38 background linear-gradient(#333, #000) 39 . breadcrumb a.active:after 40 + .breadcrumb a:hover:after 41 background #333 42 background linear-gradient(135deg, #333, #000) 43 # adding the arrows for the breadcrumbs using rotated pseudo elements 44 . breadcrumb a:after 45 content '' 46 position absolute 47 top 0 48 right -18px 49 # half of square's length 50 # same dimension as the line-height of .breadcrumb a 51 width 36px 52 height 36px 53 # 54 # as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 55 # length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem) 56 # if diagonal required = 1; length = 1/1.414 = 0.707 57 transform scale(0.707) rotate(45deg) 58 # we need to prevent the arrows from getting buried under the next link 59 z-index 1 60 # background same as links but the gradient will be rotated to compensate with the transform applied 61 background #666 62 background linear-gradient(135deg, #666, #333) 63 # stylish arrow design using box shadow 64 box-shadow 2px -2px 0 2px rgba(0, 0, 0, 0.4), 3px -3px 0 2px rgba(255, 255, 255, 0.1) 65 # 66 # 67 # 5px - for rounded arrows and 68 # 50px - to prevent hover glitches on the border created using shadows 69 border-radius 0 5px 0 50px 70 # we dont need an arrow after the last link 71 . breadcrumb a:last-child:after 72 content none 73 # we will use the :before element to show numbers 74 . breadcrumb a:before 75 content counter(flag) 76 counter-increment flag 77 # some styles now 78 border-radius 100% 79 width 20px 80 height 20px 81 line-height 20px 82 margin 8px 0 83 position absolute 84 top 0 85 left 30px 86 background #444 87 background linear-gradient(#444, #222) 88 font-weight bold 89 . flat a 90 + .flat a:after 91 background white 92 color black 93 transition all 0.5s 94 . flat a:before 95 background white 96 box-shadow 0 0 0 1px #ccc 97 . flat a:hover 98 + .flat a.active 99 + .flat a:hover:after 100 + .flat a.active:after 101 background #9EEB62
/ittf/meta/html/main.js.ittf
1 module 2 kind es6 3 $include js/wz/core 4 $include js/wz/ace 5 $include js/editManager 6 $include js/modalManager 7 $include js/dataManager 8 $include js/clickListener 9 _ wz.contentLoaded 10 function 11 log '*** content loaded' 12 var editorImpl 13 new AceEditor 14 { 15 @ key 'ittf-editor' 16 @ editorElementId 'editorContainer' 17 @ width '1100px' 18 @ height '600px' 19 var ctx 20 { 21 @ editorImpl editorImpl 22 @ editSaveUrl '/api/v1/wizzifs/ittf' 23 @ editSaveHttpMethod 'put' 24 @ modalsContainerId 'modalsContainer' 25 set ctx.editManager 26 new EditManager 27 @ ctx 28 { 29 @ dataHashKey 'ittfhash' 30 @ dataContentKey 'ittfcontent' 31 @ dataPrettyKey 'ittfpretty' 32 @ dataTitleKey 'ittftitle' 33 set ctx.modalManager = new ModalManager(ctx) 34 set ctx.dataManager = new DataManager(ctx) 35 set ctx.clickHandler = ctx.editManager 36 _ setupClickListener 37 @ ctx 38 { 39 @ containerId 'mc-wrapper' 40 @ targetClass 'edit-ittf-content-button' 41 @ dataField 42 [ 43 @ 'ittfhash' 44 @ 'ittfcontent' 45 @ 'ittfpretty' 46 @ 'ittftitle'
/t/js/wz/core.js.ittf
1 $group 2 $include polyfill 3 iife 4 var wz = window.wz = {} 5 var rclass = /[\n\t\r]/g 6 var rnotwhite = (/\S+/g) 7 $include eventTarget 8 $include global 9 $include events 10 $include verify 11 set wz.element 12 function 13 param element 14 if typeof element === 'string' 15 var e = document.querySelector(element) 16 if !e 17 try 18 set e = document.querySelector("#" + element) 19 catch ex 20 return null 21 return e 22 else 23 return element 24 set wz.hide 25 function 26 param element 27 var e = wz.element(element) 28 set e.style.display = 'none' 29 set wz.show 30 function 31 param element 32 var e = wz.element(element) 33 set e.style.display = 'block' 34 set wz.hasClass 35 function 36 param element 37 param selector 38 var e = wz.element(element) 39 if (" " + e.className + " ").replace(rclass, " ").indexOf(" " + selector + " ") > -1 40 return true 41 return false 42 set wz.addClass 43 function 44 param element 45 param value 46 param options 47 var e = wz.element(element) 48 var classes, cur, finalValue 49 if options && options.removeOnClass 50 var elements = document.getElementsByClassName(options.removeOnClass) 51 _ Array.from(elements).forEach 52 function 53 param element 54 _ wz.removeClass(element, value) 55 if value && typeof value === "string" 56 set classes = ( value || "" ).match( rnotwhite ) || [] 57 if !e.className && classes.length === 1 58 set e.className = value 59 else 60 set cur = " " + e.className + " " 61 foreach clazz in classes 62 if cur.indexOf( " " + clazz + " " ) < 0 63 set cur += clazz + " " 64 set finalValue = cur.trim() 65 if e.className !== finalValue 66 set e.className = finalValue 67 set wz.removeClass 68 function 69 param element 70 param value 71 var e = wz.element(element) 72 var classes, cur, finalValue 73 if value && typeof value === "string" 74 set classes = ( value || "" ).match( rnotwhite ) || [] 75 set cur = e.className ? ( " " + e.className + " " ).replace( rclass, " " ) : "" 76 foreach clazz in classes 77 while cur.indexOf( " " + clazz + " " ) >= 0 78 set cur = cur.replace( " " + clazz + " ", " " ) 79 set finalValue = cur.trim() 80 if e.className !== finalValue 81 set e.className = finalValue 82 set wz.toggleClass 83 function 84 param element 85 param value 86 if wz.hasClass(element, value) 87 _ wz.removeClass(element, value) 88 else 89 _ wz.addClass(element, value) 90 set wz.attribute 91 function 92 param element 93 param name 94 param value 95 var e = wz.element(element) 96 if typeof value === 'undefined' 97 return e.getAttribute(name) 98 else 99 _ e.setAttribute(name, value) 100 set wz.style 101 function 102 param element 103 param name 104 param value 105 var e = wz.element(element) 106 if typeof value === 'undefined' 107 return e.style[name] 108 else 109 set e.style[name] = value 110 set wz.text 111 function 112 param element 113 param value 114 var e = wz.element(element) 115 if typeof value === 'undefined' 116 return e.textContent 117 elif e.textContent !== value 118 set e.textContent = value 119 set wz.html 120 function 121 param element 122 param html 123 var saveElementForLog = element 124 if typeof element === "string" 125 set element = wz.element(element) 126 if !element 127 log 'element', saveElementForLog 128 throw new Error('In wz.html the element parameter must be an html element or the id of an html element. Received: ' + saveElementForLog) 129 if typeof html === 'undefined' 130 return element.innerHTML 131 else 132 set element.innerHTML = html 133 set wz.htmlEscaped 134 function 135 param element 136 param html 137 _ wz.html 138 @ element 139 _ wz.escapeHtml(html) 140 set wz.replaceChildren 141 function 142 param element 143 param nodes 144 var saveElementForLog = element 145 if typeof element === "string" 146 set element = wz.element(element) 147 if !element 148 log 'element', saveElementForLog 149 throw new Error('In wz.replaceChildren the element parameter must be an html element or the id of an html element. Received: ' + saveElementForLog) 150 set element.innerHTML = '' 151 if nodes.length 152 foreach node in nodes 153 _ element.appendChild( node ) 154 else 155 _ element.appendChild( nodes ) 156 set wz.value 157 function 158 param element 159 param value 160 var saveElementForLog = element 161 if typeof element === "string" 162 set element = wz.element(element) 163 if !element 164 log 'element', saveElementForLog 165 throw new Error('In wz.value the element parameter must be an html element or the id of an html element. Received: ' + saveElementForLog) 166 if typeof value === 'undefined' 167 return element.value 168 elif element.value !== value 169 set element.value = value 170 set wz.val = wz.value 171 set wz.click 172 function 173 param element 174 param handler 175 param useCapture 176 _ window.addEvent 177 @ wz.element(element) 178 @ 'click' 179 @ handler 180 @ useCapture 181 set wz.clickClass 182 function 183 param classname 184 param handler 185 param useCapture 186 var elements = document.getElementsByClassName(classname) 187 _ Array.from(elements).forEach 188 function 189 param element 190 _ wz.click 191 @ element 192 @ handler 193 @ useCapture 194 set wz.unclick 195 function 196 param element 197 param handler 198 param useCapture 199 _ window.removeEvent 200 @ wz.element(element) 201 @ 'click' 202 @ handler 203 @ useCapture 204 set wz.blur 205 function 206 param element 207 param handler 208 param useCapture 209 _ window.addEvent 210 @ wz.element(element) 211 @ 'blur' 212 @ handler 213 @ useCapture 214 set wz.unblur 215 function 216 param element 217 param handler 218 param useCapture 219 _ window.removeEvent 220 @ wz.element(element) 221 @ 'blur' 222 @ handler 223 @ useCapture 224 set wz.change 225 function 226 param element 227 param handler 228 param useCapture 229 _ window.addEvent 230 @ wz.element(element) 231 @ 'change' 232 @ handler 233 @ useCapture 234 set wz.unchange 235 function 236 param element 237 param handler 238 param useCapture 239 _ window.removeEvent 240 @ wz.element(element) 241 @ 'change' 242 @ handler 243 @ useCapture 244 set wz.contextmenu 245 function 246 param element 247 param handler 248 param useCapture 249 _ window.addEvent 250 @ wz.element(element) 251 @ 'contextmenu' 252 @ handler 253 @ useCapture 254 set wz.uncontextmenu 255 function 256 param element 257 param handler 258 param useCapture 259 _ window.removeEvent 260 @ wz.element(element) 261 @ 'contextmenu' 262 @ handler 263 @ useCapture 264 set wz.keypress 265 function 266 param element 267 param handler 268 param useCapture 269 _ window.addEvent 270 @ wz.element(element) 271 @ 'keypress' 272 @ handler 273 @ useCapture 274 set wz.unkeypress 275 function 276 param element 277 param handler 278 param useCapture 279 _ window.removeEvent 280 @ wz.element(element) 281 @ 'keypress' 282 @ handler 283 @ useCapture 284 set wz.contentLoaded 285 function 286 param fn 287 # from Diego Perini https://raw.githubusercontent.com/dperini/ContentLoaded/master/src/contentloaded.js 288 var 289 decl done = false 290 decl top = true 291 decl doc = window.document 292 decl root = doc.documentElement 293 decl modern = doc.addEventListener 294 decl add = modern ? 'addEventListener' : 'attachEvent' 295 decl rem = modern ? 'removeEventListener' : 'detachEvent' 296 decl pre = modern ? '' : 'on' 297 decl init 298 function 299 param e 300 if (e.type == 'readystatechange') && (doc.readyState != 'complete') 301 return 302 _ (e.type == 'load' ? window : doc)[rem] 303 @ pre + e.type 304 @ init 305 @ false 306 if !(done) && (done = true) 307 _ fn.call(window, (e.type || e)) 308 decl poll 309 function 310 try 311 _ root.doScroll('left') 312 catch e 313 _ setTimeout(poll, 50) 314 return 315 _ init('poll') 316 if doc.readyState == 'complete' 317 _ fn.call(window, 'lazy') 318 else 319 if !(modern) && root.doScroll 320 try 321 set top = !(window.frameElement) 322 catch e 323 if top 324 _ poll() 325 _ doc[add] 326 @ pre + 'DOMContentLoaded' 327 @ init 328 @ false 329 _ doc[add] 330 @ pre + 'readystatechange' 331 @ init 332 @ false 333 _ window[add] 334 @ pre + 'load' 335 @ init 336 @ false 337 set wz.loaded = wz.contentLoaded 338 var entityMap 339 { 340 @ '&' '&' 341 @ '<' '<' 342 @ '>' '>' 343 @ '"' '"' 344 @ "'" ''' 345 @ '/' '/' 346 @ '`' '`' 347 @ '=' '=' 348 set wz.escapeHtml 349 function escapeHtml 350 param string 351 return 352 _ String(string).replace 353 @ /[&<>"'`=\/]/g 354 function fromEntityMap 355 param s 356 return entityMap[s] 357 set wz.unescapeHtml 358 function 359 param string 360 return 361 _ wz.replace 362 _ wz.replace 363 _ wz.replace 364 @ string 365 @ '<' 366 @ '<' 367 @ '>' 368 @ '>' 369 @ '&' 370 @ '&' 371 ()
/t/js/wz/ace.js.ittf
1 $group 2 var AceEditor_mimemap 3 { 4 @ js 'javascript' 5 var AceEditor_defaults 6 { 7 @ key 'ace' 8 @ editorElementId 'aceEditor' 9 @ mode 'text' 10 @ theme 'monokai' 11 @ fontSize '11pt' 12 class AceEditor 13 ctor 14 param options 15 # 16 # params 17 # { options 18 # string editorElementId 19 # string mode 20 # string theme 21 # number width 22 # number height 23 set this.options 24 _ Object.assign 25 @ AceEditor_defaults 26 @ options 27 set this.elementId = this.options.editorElementId 28 set this.key = this.options.key 29 set this.editor = null 30 set this.events = {} 31 m getValue 32 if this.editor 33 return this.editor.getValue() 34 m setValue 35 param value 36 if !this.editor 37 _ this.initialize() 38 _ this.editor.setValue(value, 1) 39 m setMime 40 param value 41 _ this.setMode 42 @ AceEditor_mimemap[value] || value 43 m setMode 44 param value 45 if this.editor 46 _ this.editor.getSession().setMode 47 @ "ace/mode/" + value 48 m setTheme 49 param value 50 if this.editor 51 _ this.editor.setTheme 52 @ "ace/theme/" + value 53 m readOnly 54 param value 55 if typeof value === 'undefined' 56 return 57 _ this.editor.getReadOnly() 58 else 59 _ this.editor.setReadOnly(value) 60 m onChange 61 param handler 62 set this.onChange = handler 63 m initialize 64 if this.editor 65 return 66 log 'AceEditor.initialize start on', this.options.editorElementId 67 if typeof ace === 'undefined' || !ace.edit 68 throw new Error('wz.ace initialize methods requires the `ace` component. Check that the ace script has been included.') 69 set this.element = wz.element('#' + this.options.editorElementId) 70 if !this.element 71 throw new Error('wz.ace initialize methods requires an existing `options.editorElementId` : ' + this.options.editorElementId + ' html element.') 72 _ wz.style(this.element, 'width', this.options.width) 73 _ wz.style(this.element, 'height', this.options.height) 74 set this.editor 75 _ ace.edit 76 @ this.options.editorElementId 77 _ this.editor.setOptions 78 { 79 @ fontSize this.options.fontSize 80 _ this.setMode 81 @ this.options.mode 82 _ this.setTheme 83 @ this.options.theme 84 var that = this 85 _ this.editor.getSession().on 86 @ 'change' 87 function 88 _ that.fire 89 @ 'change' 90 [ 91 _ that.getValue 92 log 'AceEditor.initialize end' 93 m on 94 param name 95 param handler 96 if this.events.hasOwnProperty(name) 97 _ this.events[name].push(handler) 98 else 99 set this.events[name] = [handler] 100 m off 101 param name 102 param handler 103 if !this.events.hasOwnProperty(name) 104 return 105 var index = this.events[name].indexOf(handler) 106 if index != -1 107 _ this.events[name].splice(index, 1) 108 m fire 109 param name 110 param args 111 if !this.events.hasOwnProperty(name) 112 return 113 if !args || !args.length 114 set args = [] 115 foreach ev in this.events[name] 116 _ ev.apply(null, args)
/ittf/meta/html/t/js/editManager.js.ittf
1 $group 2 # 3 # implements clickHandler 4 # params 5 # { ctx 6 # { editorImpl 7 # { modalManager 8 # string editorKey 9 # 10 class EditManager 11 ctor 12 param ctx 13 param options 14 set this.ctx = ctx 15 set this.options = options 16 set this.editorImpl = ctx.editorImpl 17 # do not set this in the constructor, could be yet uncreated 18 # set this.modalManager = ctx.modalManager 19 set this.dataHashKey = options.dataHashKey 20 set this.dataContentKey = options.dataContentKey 21 set this.dataPrettyKey = options.dataPrettyKey 22 set this.dataTitleKey = options.dataTitleKey 23 set this.contentHash = null 24 set this.contentOriginal = null 25 m initEditor 26 if this.editor 27 return 28 _ this.editorImpl.initialize 29 set this.editor = this.editorImpl 30 var that = this 31 var saveEl = wz.element('#' + this.editor.key + '-save') 32 var saveRefreshEl = wz.element('#' + this.editor.key + '-save-refresh') 33 var cancelEl = wz.element('#' + this.editor.key + '-cancel') 34 set this.titleElement = wz.element('#' + this.editor.key + '-title') 35 _ wz.click 36 @ cancelEl 37 function 38 _ that.ctx.modalManager.hide 39 @ that.editor.key 40 _ wz.click 41 @ saveEl 42 function 43 if that.editor.getValue() !== that.contentOriginal 44 _ that.ctx.dataManager.editSave 45 @ that.contentHash 46 _ that.editor.getValue 47 _ that.ctx.modalManager.hide 48 @ that.editor.key 49 _ wz.click 50 @ saveRefreshEl 51 function 52 if that.editor.getValue() !== that.contentOriginal 53 _ that.ctx.dataManager.editSave 54 @ that.contentHash 55 _ that.editor.getValue 56 _ that.ctx.modalManager.hide 57 @ that.editor.key 58 set location.href= location.pathname 59 m onSave 60 param data 61 _ wz.value 62 @ this.contentElementId 63 @ data.content 64 _ wz.html 65 @ this.prettyElementId 66 @ data.pretty && data.pretty.prettyLines ? data.pretty.prettyLines.join('') : data.pretty 67 m setEditor 68 param options 69 if this.editor 70 _ this.editor.setValue 71 @ options.value 72 if this.titleElement 73 _ wz.text(this.titleElement, options.title) 74 m edit 75 param options 76 # log 'wz.editManager.edit.options', options 77 _ this.initEditor 78 _ this.setEditor 79 @ options 80 m handleClick 81 param target 82 param dataValue 83 # log 'wz.editManager.handleClick.dataValue', dataValue 84 set this.contentElementId = dataValue[this.dataContentKey] 85 set this.prettyElementId = dataValue[this.dataPrettyKey] 86 set this.contentHash = dataValue[this.dataHashKey] 87 set this.contentOriginal = wz.value(this.contentElementId) 88 _ this.edit 89 { 90 @ value wz.value(this.contentElementId) 91 @ title dataValue[this.dataTitleKey] 92 _ this.ctx.modalManager.show 93 @ this.editor.key 94 @ this.editor.key + '-form' 95 m checkClick 96 param target 97 if this.editor 98 return 99 _ this.ctx.modalManager.checkClick 100 @ this.editor.key + '-form' 101 @ target 102 return false
/ittf/meta/html/t/js/modalManager.js.ittf
1 $group 2 class ModalManager 3 ctor 4 param ctx 5 set this.ctx = ctx 6 set this.dialogs = {} 7 m checkClick 8 param dialogKey 9 param target 10 # Not implemented yet 11 # log 'wz.ModalManager.checkClick', target 12 return false 13 m show 14 param dialogKey 15 param formId 16 var dialogData 17 _ this.createMarkup 18 @ dialogKey 19 if !dialogData.currentContent 20 var formEl 21 _ wz.element( '#' + formId) 22 if !formEl 23 throw new Error('In wz.modalManager.show() the formId is not an existing html element: ' + formId) 24 _ dialogData.modalContentElement.appendChild 25 @ formEl 26 set formEl.style.display = "block" 27 set dialogData.currentContent = formEl 28 set dialogData.modalElement.style.display = "block" 29 m hide 30 param dialogKey 31 var dialogData 32 _ this.createMarkup 33 @ dialogKey 34 if !dialogData 35 throw new Error('In wz.modalManager.hide() the dialogKey is unknown: ' + dialogKey) 36 set dialogData.modalElement.style.display = "none" 37 m createMarkup 38 param dialogKey 39 if !this.dialogs[dialogKey] 40 set this.dialogs[dialogKey] = {} 41 var dialog = this.dialogs[dialogKey] 42 if dialog.modalElement 43 return dialog 44 var modalsContainer = wz.element('#' + this.ctx.modalsContainerId) 45 if !modalsContainer 46 set modalsContainer = document.createElement('div') 47 _ modalsContainer.setAttribute('id', this.ctx.modalsContainerId) 48 _ document.body.appendChild(modalsContainer) 49 # . modal 50 # id edit-modal 51 # . modal-content 52 # id edit-modal-content 53 # span × 54 # class modal-close 55 var spanClose = document.createElement('span') 56 _ spanClose.setAttribute('class', 'modal-close') 57 _ wz.text(spanClose, 'X') 58 var that = this 59 _ wz.click 60 @ spanClose 61 function 62 _ that.hide 63 @ dialogKey 64 set dialog.modalContentElement = document.createElement('div') 65 _ dialog.modalContentElement.setAttribute('class', 'modal-content') 66 _ dialog.modalContentElement.setAttribute('id', dialogKey + '-modal-content') 67 set dialog.modalElement = document.createElement('div') 68 _ dialog.modalElement.setAttribute('class', 'modal') 69 _ dialog.modalElement.setAttribute('id', dialogKey + '-modal') 70 _ dialog.modalContentElement.appendChild(spanClose) 71 _ dialog.modalElement.appendChild(dialog.modalContentElement) 72 _ modalsContainer.appendChild(dialog.modalElement) 73 return dialog
/ittf/meta/html/t/js/dataManager.js.ittf
1 $group 2 # 3 # implements editSave 4 # params 5 # { ctx 6 # 7 class DataManager 8 ctor 9 param ctx 10 set this.ctx = ctx 11 set this.editSaveUrl = ctx.editSaveUrl 12 set this.editSaveHttpMethod = ctx.editSaveHttpMethod 13 m editSave 14 param hash 15 param content 16 log 'wz.DataManager.editSave', hash, content 17 _ fetch 18 @ this.editSaveUrl 19 { 20 @ method this.editSaveHttpMethod.toUpperCase() 21 { headers 22 @ "Content-Type" "application/json" 23 @ body 24 _ JSON.stringify 25 { 26 @ hash hash 27 @ content content 28 @ prettify true 29 ._ then 30 => 31 param response 32 _ response.json() 33 ._ then 34 => 35 param json 36 $if true 37 _ alert 38 @ 'editSave: ' + JSON.stringify(json, null, 2) 39 if this.ctx.editManager && this.ctx.editManager.onSave 40 set json.data.hash = hash 41 set json.data.content = content 42 # 43 _ alert 44 @ 'editSave: ' + JSON.stringify(json, null, 2) 45 _ this.ctx.editManager.onSave 46 @ json.data 47 ._ catch 48 => 49 param err 50 error err 51 _ alert 52 @ 'editSave error: ' + err
/ittf/meta/html/t/js/clickListener.js.ittf
1 $group 2 # 3 # params 4 # { ctx 5 # { clickHandler 6 # { options 7 # string container 8 # string class 9 # string dataField 10 # optional 11 function setupClickListener 12 param ctx 13 param options 14 var el = wz.element('#' + options.containerId) 15 if !el 16 throw new Error('wz.setupClickHandler requires an existing `options.containerId` html element. Received: ' + options.container) 17 _ wz.click 18 @ el 19 @ create_clickListener(ctx, options) 20 function create_clickListener 21 param ctx 22 param options 23 return 24 function clickListener 25 param event 26 # log 'clickListener.target', event.target 27 var dataValue = null 28 if options.dataField 29 if Array.isArray(options.dataField) 30 set dataValue = {} 31 foreach item in options.dataField 32 set dataValue[item] = event.target.dataset[item] 33 else 34 set dataValue = event.target.dataset[options.dataField] 35 # log 'clickListener.target.dataValue', dataValue 36 # log 'has class ' + options.targetClass, wz.hasClass(event.target, options.targetClass) 37 if wz.hasClass(event.target, options.targetClass) 38 _ ctx.clickHandler.handleClick 39 @ event.target 40 @ dataValue 41 _ event.preventDefault() 42 _ event.stopPropagation() 43 else 44 if ctx.clickHandler.checkClick(event.target) 45 _ event.preventDefault() 46 _ event.stopPropagation()
/t/js/wz/t/polyfill.js.ittf
1 $group 2 if typeof Array.isArray === 'undefined' 3 set Array.isArray 4 function 5 param obj 6 return Object.prototype.toString.call(obj) === '[object Array]'
/t/js/wz/t/eventTarget.js.ittf
1 $group 2 class wz_EventTarget 3 ctor 4 set this.handlers = {} 5 m __is_Event 6 param name 7 return Array.isArray(this.events) == false || this.events.indexOf(name) > -1 8 m emit 9 param name 10 var args = [].slice.call(arguments, 1) 11 # log 'wz_EventTarget.emit.args', arguments, args 12 if this.__is_Event(name) 13 if this.handlers[name] instanceof Array 14 foreach handle in this.handlers[name] 15 # log 'handle.context', handle.context 16 _ handle.callback.apply(handle.context, args) 17 else 18 throw new Error(name + ' event cannot be found on TreeView.') 19 m on 20 param name 21 param callback 22 param scope 23 # log 'EventTarget.on.name,scope', name, scope 24 if this.__is_Event(name) 25 if !this.handlers[name] 26 set this.handlers[name] = [] 27 _ this.handlers[name].push 28 { 29 @ callback callback 30 @ context scope 31 else 32 throw new Error(name + ' is not supported by TreeView.') 33 m off 34 param name 35 param callback 36 var 37 decl index 38 decl found = false 39 if this.handlers[name] instanceof Array 40 _ this.handlers[name].forEach 41 function 42 param handle 43 param i 44 set index = i 45 if handle.callback === callback && !found 46 set found = true 47 if found 48 _ this.handlers[name].splice(index, 1) 49 set wz.EventTarget = wz_EventTarget
/t/js/wz/t/global.js.ittf
1 $group 2 class wz_global : wz.EventTarget 3 set wz.global = new wz_global()
/t/js/wz/t/events.js.ittf
1 $group 2 iife 3 if document.addEventListener 4 set window.addEvent = 5 function 6 param elem 7 param type 8 param handler 9 param useCapture 10 _ elem.addEventListener(type, handler, !(!(useCapture))) 11 return handler 12 set window.removeEvent = 13 function 14 param elem 15 param type 16 param handler 17 param useCapture 18 _ elem.removeEventListener(type, handler, !(!(useCapture))) 19 return true 20 elif document.attachEvent 21 set window.addEvent = 22 function 23 param elem 24 param type 25 param handler 26 set type = ("on" + type) 27 var boundedHandler 28 function 29 return handler.apply(elem, arguments) 30 _ elem.attachEvent(type, boundedHandler) 31 return boundedHandler 32 set window.removeEvent = 33 function 34 param elem 35 param type 36 param handler 37 set type = ("on" + type) 38 _ elem.detachEvent(type, handler) 39 return true 40 ()
/t/js/wz/t/verify.js.ittf
1 $group 2 set wz.isString 3 function 4 param test 5 return test !== null && typeof(test) === 'string' 6 set wz.isEmpty 7 function 8 param test 9 return wz.isString(test) == false || test.length == 0 10 set wz.isObject 11 function 12 param test 13 if test === null || typeof(test) === 'undefined' 14 return false 15 return {}.toString.call(test) === '[object Object]' 16 set wz.isArray 17 function 18 param test 19 if test === null || typeof(test) === 'undefined' 20 return false 21 if Array.isArray 22 return Array.isArray(test); 23 return {}.toString.call(test) === '[object Array]' 24 set wz.clone 25 function 26 param obj 27 if wz.isArray(obj) 28 var ret 29 [ 30 foreach item in obj 31 var value 32 _ clone 33 @ item 34 if value !== null 35 _ ret.push(value) 36 return ret 37 elif wz.isObject(obj) 38 var ret 39 { 40 for var prop in obj 41 if obj.hasOwnProperty(prop) 42 set ret[prop] = clone(obj[prop]) 43 return ret 44 else 45 return obj 46 set wz.replace 47 function 48 param text 49 param find 50 param replace 51 if wz.isEmpty(text) 52 return text 53 return 54 _ text.replace 55 new RegExp 56 _ wz.escapeRegExp(find) 57 @ 'g' 58 @ replace 59 set wz.escapeRegExp 60 function 61 param text 62 if wz.isEmpty(text) 63 return text 64 return text.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1")
/ittf/css/main.css.ittf
1 css 2 $ 3 var count = [0,1,2,3,4,5]; 4 var sizes = ['s','m','l','x','xl','xxl']; 5 var scale = ['0.4','0.6','1','1.3','1.6','3']; 6 var scaleRad = ['3','6','12','18','30','48']; 7 var scaleWidth = [15,25,35,65,75,85]; 8 var scale50 = [50,100,150,200]; 9 < html 10 font-family -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif 11 font-size 16px 12 < body 13 margin 0 14 < a 15 text-decoration none 16 color #ffffff 17 $include colors 18 $include layout 19 . fixed 20 position fixed 21 . relative 22 position relative 23 . absolute 24 position absolute 25 . flex-row 26 display flex 27 flex-direction row 28 . flex-column 29 display flex 30 flex-direction column 31 . justify-content-start 32 justify-content start 33 . justify-content-center 34 justify-content center 35 . justify-content-space-between 36 justify-content space-between 37 . space-between 38 justify-content space-between 39 . align-items-start 40 align-items start 41 . align-items-center 42 align-items center 43 . width-full 44 width 100%!important 45 . width-half 46 width 50%!important 47 . text-align-center 48 text-align center 49 . text-align-left 50 text-align left 51 . text-align-right 52 text-align right 53 . text-align-justify 54 text-align justify 55 . m-0-auto 56 margin 0 auto 57 $foreach c in scale50 58 . m-${c} 59 margin ${c}px 60 . m-l-${c} 61 margin-left ${c}px 62 . m-r-${c} 63 margin-right ${c}px 64 . m-t-${c} 65 margin-top ${c}px 66 . m-b-${c} 67 margin-bottom ${c}px 68 $foreach c in count 69 . font-${sizes[c]} 70 font-size ${scale[c]}em 71 . m-${sizes[c]} 72 margin ${scale[c]}em 73 . m-t-${sizes[c]} 74 margin-top ${scale[c]}em 75 . m-b-${sizes[c]} 76 margin-bottom ${scale[c]}em 77 . m-l-${sizes[c]} 78 margin-left ${scale[c]}em 79 . m-r-${sizes[c]} 80 margin-right ${scale[c]}em 81 . m-w-${sizes[c]} 82 margin-left ${scale[c]}em 83 margin-right ${scale[c]}em 84 . m-y-${sizes[c]} 85 margin-top ${scale[c]}em 86 margin-bottom ${scale[c]}em 87 . p-${sizes[c]} 88 padding ${scale[c]}em 89 . p-t-${sizes[c]} 90 padding-top ${scale[c]}em 91 . p-b-${sizes[c]} 92 padding-bottom ${scale[c]}em 93 . p-l-${sizes[c]} 94 padding-left ${scale[c]}em 95 . p-r-${sizes[c]} 96 padding-right ${scale[c]}em 97 . p-w-${sizes[c]} 98 padding-left ${scale[c]}em 99 padding-right ${scale[c]}em 100 . p-y-${sizes[c]} 101 padding-top ${scale[c]}em 102 padding-bottom ${scale[c]}em 103 . border-${sizes[c]} 104 border ${c+1}px solid #323232 105 . border-t-${sizes[c]} 106 border-top ${c+1}px solid #323232 107 . border-b-${sizes[c]} 108 border-bottom ${c+1}px solid #323232 109 . border-l-${sizes[c]} 110 border-left ${c+1}px solid #323232 111 . border-r-${sizes[c]} 112 border-right ${c+1}px solid #323232 113 . radius-${sizes[c]} 114 border-radius ${scaleRad[c]}px 115 . width-${sizes[c]} 116 width ${scaleWidth[c]}%!important 117 . font-w-s 118 font-weight 300 119 . font-w-x 120 font-weight 500 121 . font-w-xxl 122 font-weight 700 123 $include form 124 $include icons
/ittf/css/t/colors.css.ittf
1 $group 2 - header 3 - main 4 - main-content 5 - footer 6 < :root 7 --color-tn-bg #313131 8 --color-input-bg #dedede 9 --color-input-border #767676 10 --color-shadow-inset #a0a0a0 11 --color-text-primary #000000 12 --color-success #2ea44f 13 --color-error #ff0000 14 --color-warning #dbab09 15 . color-header 16 color #efefef 17 . bg-color-header 18 background-color #434343 19 . color-header-inverse 20 color #ff4790 21 . bg-color-header-inverse 22 background-color #737373 23 . color-main 24 color #efefef 25 . bg-color-main 26 background-color #494949 27 . color-main-content 28 color #efefef 29 . bg-color-main-content 30 background-color #515151 31 . color-black 32 color #000000 33 . bg-white 34 background-color #000000 35 . color-white 36 color #ffffff 37 . bg-black 38 background-color #000000 39 . color-success 40 color var(--color-success) 41 . bg-success 42 background-color var(--color-success) 43 . color-error 44 color var(--color-error) 45 . bg-error 46 background-color var(--color-error) 47 . color-warning 48 color var(--color-warning) 49 . bg-warning 50 background-color var(--color-warning) 51 . bg-filter 52 background-color #eeeeff 53 . bg-list 54 background-color #eeffee
/ittf/css/t/layout.css.ittf
1 $group 2 . container-70 3 width 70% 4 margin 0 auto 5 . container-80 6 width 80% 7 margin 0 auto 8 . container-90 9 width 90% 10 margin 0 auto 11 . flex-row 12 display flex 13 flex-direction row 14 . flex-column 15 display flex 16 flex-direction column 17 . justify-content-start 18 justify-content start 19 . justify-content-center 20 justify-content center 21 . justify-content-space-between 22 justify-content space-between 23 . space-between 24 justify-content space-between 25 . align-items-start 26 align-items start 27 . align-items-center 28 align-items center 29 . grid 30 display grid 31 . width-100 32 width 100% 33 . width-50 34 width 50% 35 . height-100 36 height 100% 37 . height-50 38 height 50%
/ittf/css/t/form.css.ittf
1 $group 2 . form-control 3 background-color var(--color-input-bg) 4 background-position right 8px center 5 background-repeat no-repeat 6 border 1px solid var(--color-input-border) 7 border-radius 6px 8 box-shadow var(--color-shadow-inset) 9 color var(--color-text-primary) 10 font-size 14px 11 line-height 20px 12 outline none 13 padding 5px 12px 14 vertical-align middle 15 # ========================================================================== 16 # Form 17 # ========================================================================== 18 . form-card 19 padding 30px 20 border 1px solid #ebebeb 21 . form-title 22 font-size 30px 23 font-weight 700 24 margin-bottom 20px 25 # ========================================================================== 26 # Control 27 # ========================================================================== 28 . control-group 29 width 100% 30 padding 10px 31 margin-bottom 5px 32 . single-control 33 width 100% 34 margin-bottom 5px 35 . control-label 36 font-weight bold 37 margin-bottom 7px 38 . control-error 39 font-size 12px 40 color red 41 # ========================================================================== 42 # Label 43 # ========================================================================== 44 < label.required 45 position relative 46 < label.required:after 47 content '*' 48 margin-left 2px 49 color #b90000 50 # ========================================================================== 51 # GRID 52 # ========================================================================== 53 . grid-row-2 54 display grid 55 grid-template-columns 1fr 1fr 56 . grid-row-3 57 display grid 58 grid-template-columns 1fr 1fr 1fr 59 . input-group 60 position relative 61 width 100% 62 margin-bottom 1px 63 padding-bottom 4px 64 # ========================================================================== 65 # BUTTON 66 # ========================================================================== 67 . btn 68 line-height 40px 69 display inline-block 70 padding 0 25px 71 cursor pointer 72 color #fff 73 font-family "Roboto", "Arial", "Helvetica Neue", sans-serif 74 transition all 0.4s ease 75 font-size 14px 76 font-weight 700 77 . btn--radius 78 border-radius 3px 79 . btn--green 80 background #57b846 81 . btn--green:hover 82 background #4dae3c 83 # ========================================================================== 84 # Input 85 # ========================================================================== 86 < input 87 box-sizing border-box 88 border 1px solid #ebebeb 89 padding 14px 20px 90 border-radius 5px 91 font-size 14px 92 font-family inherit 93 < input:focus 94 border 1px solid #009e00 95 < input.error 96 border 1px solid #c70000 97 . input-icon 98 position absolute 99 font-size 18px 100 color #ccc 101 right 8px 102 top 50% 103 transform translateY(-50%) 104 cursor pointer 105 . input--style-2 106 color #666 107 font-size 16px 108 font-weight 500 109 . input--style-2::-webkit-input-placeholder 110 color #808080 111 opacity .4 112 . input--style-2:-moz-placeholder 113 color #808080 114 opacity .4 115 . input--style-2::-moz-placeholder 116 color #808080 117 opacity .4 118 . input--style-2:-ms-input-placeholder 119 color #808080 120 opacity .4 121 . input--style-2:-ms-input-placeholder 122 color #808080 123 opacity .4 124 # ========================================================================== 125 # Object condition 126 # ========================================================================== 127 . object-condition 128 border 1px solid #cbcbcb 129 padding 5px 130 background-color #efefef 131 . object-condition-checkbox 132 background-color #fff
/ittf/css/t/icons.css.ittf
1 $group 2 . octicon 3 fill currentColor 4 display inline-block 5 overflow visible!important 6 vertical-align text-bottom