MaxOvs19/Example-CG-SELECT
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: MaxOvs19:8b2d5d6db017c54199d7ec320c7083034f243972
Branches Tags
MaxOvs19:master
..
compare: MaxOvs19:master
Branches Tags
MaxOvs19:master

6 Commits
8b2d5d6db0 ... master

Author SHA1 Message Date
MaxOvs19
383c4f8f77 Fixed media srceen 2023-06-08 12:19:37 +03:00
MaxOvs19
d5b885f4b7 Fixed media screen 2023-06-08 12:16:44 +03:00
MaxOvs19
1e620bcb99 Update Readme 2023-04-17 17:12:21 +03:00
MaxOvs19
a2b01ea1f5 Added cdn page 2023-04-17 17:05:39 +03:00
MaxOvs19
f6d5321f62 Update 0.3.11 2023-04-13 13:38:36 +03:00
MaxOvs19
cee0b77c33 Update 0.3.11 2023-04-13 13:36:51 +03:00
8 changed files with 112 additions and 16 deletions
Expand all files Collapse all files

2
docs/index.html
View File

@ -97,7 +97,7 @@
id="version--0231"
style="color: inherit; text-decoration: none"
>
<h2>version ~ 0.3.0</h2>
<h2>version ~ 0.3.12</h2>
</a>
<p>
This component allows you to create a custom select. It offers more

5
index.html
View File

@ -27,12 +27,13 @@
<hr style="width: 55%" />
<nav>
<ul class="navlist">
<li><a href="docs/index.html">Documentation</a></li>
<li><a href="">Home</a></li>
<li><a href="docs/index.html">Documentation</a></li>
<li><a href="src/constructor/constructor.html">Constructor</a></li>
<li><a href="src/cdn/cdn.html">CDN</a></li>
</ul>
</nav>
<p class="version">v. 0.3.0</p>
<p class="version">v. 0.3.12</p>
</header>
</div>

18
package-lock.json generated
View File

@ -1,15 +1,15 @@
{
"name": "example-cg-select-page",
"version": "0.3.0",
"version": "0.3.11",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "example-cg-select-page",
"version": "0.3.0",
"version": "0.3.11",
"license": "ISC",
"dependencies": {
"cg-select": "^0.3.0",
"cg-select": "^0.3.11",
"gh-pages": "^5.0.0",
"parcel": "^2.8.3"
},
@ -1541,9 +1541,9 @@
]
},
"node_modules/cg-select": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/cg-select/-/cg-select-0.3.0.tgz",
"integrity": "sha512-o6bJV8vH+iwgypfYQOUZEqsJXm6F967g4s9HRf9wy8Kt04rmwlNxUIadB0DulC/eoKzR48UC5H10WJT3Zn4SFA=="
"version": "0.3.11",
"resolved": "https://registry.npmjs.org/cg-select/-/cg-select-0.3.11.tgz",
"integrity": "sha512-0oU3o0lG0vrFf2iySlgOFO/UnOhypIy65/PWhMc9cfcVUEMg+Bxkq2g5RO7UpKqGNGLJGSwyVwkj4n8e1ZgZyQ=="
},
"node_modules/chalk": {
"version": "4.1.2",
@ -4143,9 +4143,9 @@
"integrity": "sha512-SDIV6bgE1aVbK6XyxdURbUE89zY7+k1BBBaOwYwkNCglXlel/E7mELiHC64HQ+W0xSKlqWhV9Wh7iHxUjMs4fA=="
},
"cg-select": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/cg-select/-/cg-select-0.3.0.tgz",
"integrity": "sha512-o6bJV8vH+iwgypfYQOUZEqsJXm6F967g4s9HRf9wy8Kt04rmwlNxUIadB0DulC/eoKzR48UC5H10WJT3Zn4SFA=="
"version": "0.3.11",
"resolved": "https://registry.npmjs.org/cg-select/-/cg-select-0.3.11.tgz",
"integrity": "sha512-0oU3o0lG0vrFf2iySlgOFO/UnOhypIy65/PWhMc9cfcVUEMg+Bxkq2g5RO7UpKqGNGLJGSwyVwkj4n8e1ZgZyQ=="
},
"chalk": {
"version": "4.1.2",

4
package.json
View File

@ -1,6 +1,6 @@
{
"name": "example-cg-select-page",
"version": "0.3.0",
"version": "0.3.11",
"description": "This is a test page to demonstrate the capabilities of the select",
"scripts": {
"start": "parcel ./index.html -p 4660 --open",
@ -30,7 +30,7 @@
},
"homepage": "https://cg-select.itguild.info",
"dependencies": {
"cg-select": "^0.3.0",
"cg-select": "^0.3.11",
"gh-pages": "^5.0.0",
"parcel": "^2.8.3"
},

67
src/cdn/cdn.html Normal file
View File

@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
property="og:description"
content="Feature rich Select control for React/JS with multiselect, autocomplete and styling"
/>
<meta property="og:type" content="website" />
<meta property="og:site_name" content="cg-select" />
<meta property="og:url" content="https://cg-select.itguild.info" />
<meta property="og:image" content="../img/logoCG.jpg" />
<title>Cg-Select</title>
<link rel="shortcut icon" href="../img/logoCG2.ico" type="image/x-icon" />
<link href="../../style.scss" rel="stylesheet" />
</head>
<body class="body-example">
<div class="container">
<header class="header">
<div class="header__logoBox">
<h1>CG-SELECT</h1>
<img src="../img/logoCG.jpg" alt="#" class="header__logo" />
</div>
<hr style="width: 55%" />
<nav>
<ul class="navlist">
<li><a href="../../index.html">Home</a></li>
<li><a href="../../docs/index.html">Documentation</a></li>
<li><a href="../constructor/constructor.html">Constructor</a></li>
<li><a href="./cdn.html">CDN</a></li>
</ul>
</nav>
<p class="version">v. 0.3.12</p>
</header>
</div>
<div class="container content">
<div class="example-select">
<h2 class="example-select_title">Select example using CDN</h2>
<p style="margin-left: 12px; color: white">
To use the select using sdn, you need to connect the file by
reference:
</p>
<h2
style="
margin: 5px 0 25px 12px;
color: white;
text-decoration: underline;
font-size: 16px;
"
>
https://cdn.itguild.info/items/cg-select/latest/main.js
</h2>
<div class="layout-select" style="margin-bottom: 40px">
<button class="cg-dropdown cg-dropdown_cdn"></button>
</div>
</div>
</div>
</body>
<script src="https://cdn.itguild.info/items/cg-select/latest/main.js"></script>
<script type="module" src="cdn.js"></script>
</html>

24
src/cdn/cdn.js Normal file
View File

@ -0,0 +1,24 @@
const dropdown = new CGSelect({
selector: ".cg-dropdown_cdn",
placeholder: "Choose a car",
label: "CDN EXAMPLE",
items: [
"BMW",
{
id: "213sade",
title: "Opel",
value: 1,
},
"Mersedes",
"MAN",
"Ferari",
],
styles: {
head: {
width: "830px",
},
list: {
width: "824px",
},
},
});

5
src/constructor/constructor.html
View File

@ -28,12 +28,13 @@
<hr style="width: 55%" />
<nav>
<ul class="navlist">
<li><a href="../../docs/index.html">Documentation</a></li>
<li><a href="../../index.html">Home</a></li>
<li><a href="../../docs/index.html">Documentation</a></li>
<li><a href="./constructor.html">Constructor</a></li>
<li><a href="../cdn/cdn.html">CDN</a></li>
</ul>
</nav>
<p class="version">v. 0.3.0</p>
<p class="version">v. 0.3.12</p>
</header>
</div>

3
style.scss
View File

@ -293,6 +293,9 @@ pre {
pre {
overflow-x: auto !important;
}
.navlist {
width: 300px !important;
}
}
.version {