// ******************************************************************************************************************************************************
// * By Dr. Roy C. Davies, March 2023, roy.c.davies@ieee.org
// ******************************************************************************************************************************************************
const code = {
a_menu : `
`,
dropdown_menus : `
{selectedCourse} {selectedTopic && selectedCourse?":":""} {selectedTopic}
`,
attached_menus: `
New{example3handler("Document")}}>Document{example3handler("Image")}}>Image{example3handler("Open")}}>
Open...
{example3handler("Save")}}>
Save...
{example3handler("Edit Permissions")}}>Edit Permissions
Export
{example3handler("Share")}}>
Share...
{example3menuselection} {example3menuselection && example3searchterm?":":""} {example3searchterm?"Will search for : ":""} {example3searchterm}
`,
secondary: `
ex4=0} >
Home
ex4=1}>
Messages
ex4=2}>
Friends
ex4=3}>
Logout
Menu Active : {ex4} {ex4 && ex4search?":":""} {ex4search?"Will search for : ":""} {ex4search}
`,
pointing: `
ex5=0} >
Home
ex5=1}>
Messages
ex5=2}>
Friends
{#if ex5 === 0}
Section 1
{:else if ex5 === 1}
Section 2
{:else if ex5 === 2}
Section 3
{/if}
Menu Active : {ex5} {ex5 && ex4search?":":""} {ex5search?"Will search for : ":""} {ex5search}
`,
pointing_secondary: `
ex6=0} >
Home
ex6=1}>
Messages
ex6=2}>
Friends
ex6=3}>
Logout
{#if ex6 === 0}
Section 1 - Home
{:else if ex6 === 1}
Section 2 - Messages
{:else if ex6 === 2}
Section 3 - Friends
{:else if ex6 === 3}
Logging out
{/if}
Menu Active : {ex6}
`,
tabular: `
ex7=0}>
Bio
ex7=1}>
Photos
{#if ex7 === 0}
Biography
{:else if ex7 === 1}
Photos
{/if}
`,
tabular_bottom: `
{#if ex8 === 0}
Biography
{:else if ex8 === 1}
Photos
{/if}
ex8=0}>
Bio
ex8=1}>
Photos
`,
attached_tabular: `
ex9=0}>
Active Project
ex9=1}>
Project #2
ex9=2}>
Project #3
ex9=3}>
New Tab
`,
left_attached: `
ex10=0}>
Bio
ex10=1}>
Pics
ex10=2}>
Companies
ex10=3}>
Links
This is a stretched grid column. This segment will always match the tab height
`,
right_attached: `
This is a stretched grid column. This segment will always match the tab height
ex10=0}>
Bio
ex10=1}>
Pics
ex10=2}>
Companies
ex10=3}>
Links
`,
text: `
Sort By
ex11=0}>
Closest
ex11=1}>
Most Comments
ex11=2}>
Most Popular
`,
vertical: `
ex12=0}>
Inbox
ex12=1}>
Spam
ex12=2}>
Updates
ex13=0}>
Account
ex13=1}>
Settings
Display Options
Text SizeSmallMediumLargeSort Byex14=0}>
Closest
ex14=1}>
Most Comments
ex14=2}>
Most Popular
ex15=0}>
Home
ex15=1}>
Messages
ex15=2}>
Friends
ex16=0}>
Home
ex16=1}>
Messages
ex16=2}>
Friends
`,
pagination: `
1
...
10
11
12
`,
header: `
Our Company
ex17=0}>
About Us
ex17=1}>
Jobs
ex17=2}>
Locations
Products
ex17=3}>Enterprise
ex17=4}>Consumer
CMS Solutions
ex17=5}>Rails
ex17=6}>Python
ex17=7}>PHP
Hosting
ex17=8}>Shared
ex17=9}>Dedicated
Support
ex17=10}>E-mail Support
ex17=11}>FAQs
`,
text2: `
ex18=0}>
Promotions
Check out our new promotions
ex18=1}>
Coupons
Check out our collection of coupons
ex18=2}>
Rebates
Visit our rebate forum for information on claiming rebates
`,
input: `
`,
button: `
`,
link_item:`
Visit Google
Javascript Link
`,
dropdown_item:`
Categories
ex19=0}>Electronics
ex19=1}>Automotive
ex19=2}>Home
`,
popup:`
Browse
Fabrics
ex20=0}>Cashmere
ex20=1}>Linen
ex20=2}>Cotton
ex20=3}>Viscose
Size
ex20=4}>Small
ex20=5}>Medium
ex20=6}>Large
ex20=7}>Plus Sizes
Colored
ex20=8}>Neutrals
ex20=9}>Brights
ex20=10}>Pastels
Types
ex20=11}>Knitwear
ex20=12}>Outerwear
ex20=13}>Pants
ex20=14}>Shoes
{ex20} {popupMenu}
`,
search: `
`,
menu: `
ex21=0}>Browse
ex21=1}>Submit
ex21=2}>Sign Up
ex21=3}>Help
`,
submenu: `
Home
ex22=0}>Search
ex22=1}>Add
ex22=2}>Remove
ex22=3}>
Browse
ex22=4}>
Messages
More
ex22=5}> Edit Profile
ex22=6}> Choose Language
ex22=7}> Account Settings
`,
hover: `
ex23=0}>
A link
ex23=1}>
div Link
`,
active: `
Link
`,
disabled: `
Link
`,
fixed: `
Features
Testimonials
Sign-in
Features
Testimonials
Sign-in
`,
stackable: `
ex25=0} item>
Features
ex25=1} item>
Testimonials
ex25=2} item>
Sign-in
`,
inverted: `
ex24=0} item>
Home
ex24=1} item>
Messages
ex24=2} item>
Friends
ex24=0} item>
Home
ex24=1} item>
Messages
ex24=2} item>
Friends
ex24=0} item>
Home
ex24=1} item>
Messages
ex24=2} item>
Friends
ex24=0} item>
Home
ex24=1} item>
Messages
ex24=2} item>
Friends
ex24=0} item>
Home
ex24=1} item>
Messages
ex24=2} item>
Friends
`,
colored: `
{#each ["Red", "Orange", "Yellow", "Olive", "Green", "Teal"] as color, i}
ex26=i}>{color}
{/each}
{#each ["Blue", "Violet", "Purple", "Pink", "Brown", "Grey"] as color, j}
ex26=(j+6)}>{color}
{/each}
{#each ["Red", "Orange", "Yellow", "Olive", "Green", "Teal", "Blue", "Violet", "Purple", "Pink", "Brown", "Grey"] as color, k}
ex27[k]=0} item>
Home
ex27[k]=1} item>
Messages
ex27[k]=2} item>
Friends
{/each}
{#each ["Red", "Orange", "Yellow", "Olive", "Green", "Teal"] as color, i}
ex26=i}>{color}
{/each}
{#each ["Blue", "Violet", "Purple", "Pink", "Brown", "Grey"] as color, j}
ex26=(j+6)}>{color}
{/each}
{#each ["Red", "Orange", "Yellow", "Olive", "Green", "Teal", "Blue", "Violet", "Purple", "Pink", "Brown", "Grey"] as color, k}
ex27[k]=0} item>
Home
ex27[k]=1} item>
Messages
ex27[k]=2} item>
Friends
{/each}
`,
icon: `
{#each ['gamepad', 'video camera', 'play'] as icon, i}
ex28=i}>
{/each}
{#each ['gamepad', 'video camera', 'play'] as icon, i}
ex28=i}>
{/each}
`,
labeled_icon: `
{#each [{i: 'gamepad', n: 'Games'}, {i: 'video camera', n: 'Channels'}, {i: 'play', n: 'Videos'}] as icon, i}
ex29=i}>
{icon.n}
{/each}
{#each [{i: 'gamepad', n: 'Games'}, {i: 'video camera', n: 'Channels'}, {i: 'play', n: 'Videos'}] as icon, i}
ex29=i}>
{icon.n}
{/each}
`,
fluid: `
ex30=0}>Run
ex30=1}>Walk
ex30=2}>Bike
`,
compact: `
{#each [{i: 'gamepad', n: 'Games'}, {i: 'video camera', n: 'Channels'}, {i: 'play', n: 'Videos'}] as icon, i}
ex31=i}>
{icon.n}
{/each}
{#each [{i: 'gamepad', n: 'Games'}, {i: 'video camera', n: 'Channels'}, {i: 'play', n: 'Videos'}] as icon, i}
ex31=i}>
{icon.n}
{/each}
`,
evenly_divided: `
ex32=0}>Buy
ex32=1}>Sell
ex32=2}>Rent
`,
attached: `
ex33=0}>
Tab 1
ex33=1}>
Tab 2
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomized words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
ex34=0}>
Section 1
ex34=1}>
Section 2
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomized words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
ex35=0}>
Section 1
ex35=1}>
Section 2
`,
size: `
{#each ["mini", "tiny", "small", "large", "huge", "massive"] as size}
ex36=0}>
Home
ex36=1}>
Messages
Language
ex36=2}>English
ex36=3}>Russian
ex36=4}>Spanish
{/each}
{#each ["mini", "tiny", "small", "large", "huge", "massive"] as size}
ex37=0}>
Inbox
ex37=1}>
Spam
ex37=2}>
Updates
{/each}
`,
fitted: `
No padding whatsoever
No horizontal padding
No vertical padding
`,
borderless: `
ex38=0}>1
ex38=1}>2
ex38=2}>3
ex38=3}>4
ex38=4}>5
ex38=5}>6
`,
centered: `
ex39=0}>
ex39=1}>
ex39=2}>
ex40=0} item>
1
...
ex40=1} item>
10
ex40=2} item>
11
ex40=3} item>
12
`,
centered_fluid: `
ex41=0}>
ex41=1}>
ex41=2}>
`,
wrapping: `
{#each ["One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine", "Ten", "Eleven", "Twelve", "Thirteen", "Fourteen", "Fifteen", "Sixteen", "Seventeen", "Eighteen", "Nineteen", "Twenty"] as count, i}
ex42=i}>{count}
{/each}
`,
centered_fluid_wrapping: `
{#each ["One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine", "Ten", "Eleven", "Twelve", "Thirteen", "Fourteen", "Fifteen", "Sixteen", "Seventeen", "Eighteen", "Nineteen", "Twenty"] as count, i}
ex43=i}>{count}
{/each}
`
}
export default code;