Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 4a9c8a9

Browse files
committed
cleanup demo component
1 parent 353be2e commit 4a9c8a9

19 files changed

+26
-26
lines changed

‎coordinate-calcite-js/index.html

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<!-- Demo imports -->
1818
<script src="./app.js" defer></script>
1919
<link rel="stylesheet" href="./style.css" />
20-
<script type="module" src="../esri-devsummit/esri-devsummit.esm.js"></script>
20+
<script type="module" src="../esri-demo/esri-demo.esm.js"></script>
2121
<style>
2222
html,
2323
body,
@@ -56,7 +56,7 @@
5656
<calcite-accordion selection-mode="single" scale="l">
5757
<calcite-accordion-item heading="1. Create Calcite HTML" description="Set up the DOM using calcite-components"
5858
icon-start="code">
59-
<esri-devsummit-code source="export function createCustomCoordinateConversion(view) {
59+
<esri-demo-code source="export function createCustomCoordinateConversion(view) {
6060
const vm = new CoordinateConversionViewModel({
6161
view,
6262
multipleConversions: false,
@@ -80,11 +80,11 @@
8080
&lt;/div&gt;
8181
`;
8282
// ...
83-
}"></esri-devsummit-code>
83+
}"></esri-demo-code>
8484
</calcite-accordion-item>
8585
<calcite-accordion-item heading="2. Watch the ViewModel for changes and react to them"
8686
description="Watching VM properties to update the DOM" icon-start="recurrence">
87-
<esri-devsummit-code source="watch(
87+
<esri-demo-codelanguage="js" source="watch(
8888
() =&gt; vm.conversions.getItemAt(0)?.format,
8989
(format) =&gt; updateFormats(format),
9090
{ initial: true }
@@ -103,11 +103,11 @@
103103
function updateCoordinates(activeDisplayCoordinate) {
104104
coordinateInput.value = activeDisplayCoordinate;
105105
coordinateInput.status = &quot;valid&quot;;
106-
}"></esri-devsummit-code>
106+
}"></esri-demo-code>
107107
</calcite-accordion-item>
108108
<calcite-accordion-item heading="3. Listening to calcite components for changes"
109109
description="Add event listeners for calcite components to update the ViewModel" icon-start="recurrence">
110-
<esri-devsummit-code source="coordinateSelect.addEventListener(&quot;calciteSelectChange&quot;, (event) =&gt; {
110+
<esri-demo-codelanguage="js" source="coordinateSelect.addEventListener(&quot;calciteSelectChange&quot;, (event) =&gt; {
111111
const value = event.target.value;
112112
const format = vm.formats.find((format) =&gt; format.name === value);
113113
const newConversion = new Conversion({ format });
@@ -117,11 +117,11 @@
117117
118118
coordinateMode.addEventListener(&quot;calciteSegmentedControlChange&quot;, (event) =&gt; {
119119
vm.mode = event.target.value;
120-
});"></esri-devsummit-code>
120+
});"></esri-demo-code>
121121
</calcite-accordion-item>
122122
<calcite-accordion-item heading="4. Capturing a point"
123123
description="Calling a ViewModel method and navigating to the returned point" icon-start="pin">
124-
<esri-devsummit-code source=" async function reverseConvert() {
124+
<esri-demo-codelanguage="js" source=" async function reverseConvert() {
125125
coordinateEditable.editingEnabled = false;
126126
const value = coordinateInput.value;
127127
try {
@@ -137,17 +137,17 @@
137137
() =&gt; {
138138
reverseConvert();
139139
}
140-
);"></esri-devsummit-code>
140+
);"></esri-demo-code>
141141
</calcite-accordion-item>
142142
<calcite-accordion-item heading="5. Applying some CSS" description="A small bit of CSS" icon-start="palette">
143-
<esri-devsummit-code source=".custom-coordinate-conversion {
143+
<esri-demo-codelanguage="css" source=".custom-coordinate-conversion {
144144
display: flex;
145145
flex-direction: column;
146146
padding: 10px;
147147
gap: 10px;
148148
background-color: white;
149149
min-width: 350px;
150-
}"></esri-devsummit-code>
150+
}"></esri-demo-code>
151151
</calcite-accordion-item>
152152
</calcite-accordion>
153153
</div>

‎coordinate-calcite-js/style.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ calcite-action-pad {
2525
margin-inline-end: 0.5rem;
2626
}
2727

28-
esri-devsummit-code {
28+
esri-demo-code {
2929
margin: 15px 0;
3030
font-size: 18px;
3131
line-height: 24px;

‎coordinate-fluent-react-js/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<!-- Demo imports -->
1313
<script src="./app.js" defer></script>
1414
<link rel="stylesheet" href="./style.css" />
15-
<script type="module" src="../esri-devsummit/esri-devsummit.esm.js"></script>
15+
<script type="module" src="../esri-demo/esri-demo.esm.js"></script>
1616
<style>
1717
html,
1818
body,
@@ -48,10 +48,10 @@
4848
<div slot="content">
4949
<calcite-accordion selection-mode="single" scale="l">
5050
<calcite-accordion-item expanded heading="1. TODO" description="TODO" icon-start="group-layout-elements">
51-
<esri-devsummit-code source="TODO"></esri-devsummit-code>
51+
<esri-demo-code language="js" source="TODO"></esri-demo-code>
5252
</calcite-accordion-item>
5353
<calcite-accordion-item heading="2. TODO" description="TODO" icon-start="list">
54-
<esri-devsummit-code source="TODO"></esri-devsummit-code>
54+
<esri-demo-code language="js" source="TODO"></esri-demo-code>
5555
</calcite-accordion-item>
5656
</calcite-accordion>
5757
</div>

‎coordinate-fluent-react-js/style.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ calcite-action-pad {
2525
margin-inline-end: 0.5rem;
2626
}
2727

28-
esri-devsummit-code {
28+
esri-demo-code {
2929
margin: 15px 0;
3030
font-size: 18px;
3131
line-height: 24px;

‎esri-demo/esri-demo.esm.js

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎esri-demo/esri-demo.esm.js.map

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
File renamed without changes.
File renamed without changes.

‎esri-devsummit/p-108a8ffd.entry.js renamed to ‎esri-demo/p-4475bf79.entry.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎esri-demo/p-4475bf79.entry.js.map

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /