Skip to content
This repository was archived by the owner on Jan 4, 2021. It is now read-only.

Commit d08c45a

Browse files
RomainCscnRomainCscn
committed
[DEV] Update README with badges and update index page
1 parent f5d8fe3 commit d08c45a

File tree

3 files changed

+72
-93
lines changed

3 files changed

+72
-93
lines changed

‎README.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
11
# MyScript Common Element
2+
3+
[![npm version](https://badge.fury.io/js/myscript-common-element.svg)](https://badge.fury.io/js/myscript-common-element)
4+
[![Examples](https://img.shields.io/badge/Link%20to-examples-blue.svg)](https://myscript.github.io/myscript-common-element/#/elements/myscript-common-element/demos/other-demonstrations)
5+
[![Documentation](https://img.shields.io/badge/Link%20to-documentation-green.svg)](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/common-element/)
6+
27
> The common layer of [myscript-math-web](https://github.com/MyScript/myscript-math-web) and [myscript-text-web](https://github.com/MyScript/myscript-text-web).
38
49
<div align="center">

‎build/docs/src/demo-app/examples/index.html‎

Lines changed: 33 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -33,15 +33,6 @@
3333
<h1>Examples</h1>
3434
<div class="grid-wrapper">
3535
<div class="grid-column-one">
36-
<h2>Non version specific features</h2>
37-
<div class="notice notice-info">
38-
<svg class="icn icn-info">
39-
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-info"></use>
40-
</svg>
41-
<div class="notice-txt">
42-
Demonstration of features not depending of API version configured.
43-
</div>
44-
</div>
4536
<p><strong>Get started</strong></p>
4637
<div class="center">
4738
<a href="non-version-specific/get_started.html" class="btn">
@@ -107,103 +98,99 @@ <h2>Non version specific features</h2>
10798
</svg>
10899
Get source code</a>
109100
</div>
110-
<p><strong>Settings the attributes programmatically</strong></p>
101+
<p><strong>Select input with the list of supported languages configured in Javascript</strong>
102+
</p>
111103
<div class="center">
112-
<a href="non-version-specific/programmatic_init.html" class="btn">
104+
<a href="non-version-specific/get_languages_programmatic.html" class="btn">
113105
<svg class="icn">
114106
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
115107
</svg>
116108
View example</a>
117-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/programmatic_init.html" target="_blank" class="btn">
109+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/get_languages_programmatic.html" target="_blank" class="btn">
118110
<svg class="icn">
119111
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
120112
</svg>
121113
Get source code</a>
122114
</div>
123-
<p><strong>Select input populate with the list of supported languages</strong></p>
115+
</div>
116+
<div class="grid-column-two">
117+
<p><strong>REST text</strong></p>
124118
<div class="center">
125-
<a href="non-version-specific/get_languages.html" class="btn">
119+
<a href="v4/iink_rest_text.html" class="btn">
126120
<svg class="icn">
127121
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
128122
</svg>
129123
View example</a>
130-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/get_languages.html" target="_blank" class="btn">
124+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/iink_rest_text.html" target="_blank" class="btn">
131125
<svg class="icn">
132126
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
133127
</svg>
134128
Get source code</a>
135129
</div>
136-
<p><strong>Select input populate with the list of supported languages configured in Javascript</strong>
137-
</p>
130+
<p><strong>Import content</strong></p>
138131
<div class="center">
139-
<a href="non-version-specific/get_languages_programmatic.html" class="btn">
132+
<a href="v4/import_content.html" class="btn">
140133
<svg class="icn">
141134
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
142135
</svg>
143136
View example</a>
144-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/get_languages_programmatic.html" target="_blank" class="btn">
137+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/import_content.html" target="_blank" class="btn">
145138
<svg class="icn">
146139
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
147140
</svg>
148141
Get source code</a>
149142
</div>
150-
</div>
151-
<div class="grid-column-two">
152-
<h2>V4 - iink SDK web</h2>
153-
<p><strong>REST text</strong></p>
143+
<p><strong>Pointer Events</strong></p>
154144
<div class="center">
155-
<a href="v4/iink_rest_text.html" class="btn">
145+
<a href="v4/pointer_events.html" class="btn">
156146
<svg class="icn">
157147
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
158148
</svg>
159149
View example</a>
160-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/iink_rest_text.html" target="_blank" class="btn">
150+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/pointer_events.html" target="_blank" class="btn">
161151
<svg class="icn">
162152
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
163153
</svg>
164154
Get source code</a>
165155
</div>
166-
<p><strong>Import content</strong></p>
156+
<p><strong>Settings the attributes programmatically</strong></p>
167157
<div class="center">
168-
<a href="v4/import_content.html" class="btn">
158+
<a href="non-version-specific/programmatic_init.html" class="btn">
169159
<svg class="icn">
170160
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
171161
</svg>
172162
View example</a>
173-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/import_content.html" target="_blank" class="btn">
163+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/programmatic_init.html" target="_blank" class="btn">
174164
<svg class="icn">
175165
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
176166
</svg>
177167
Get source code</a>
178168
</div>
179-
<p><strong>Pointer Events</strong></p>
169+
<p><strong>Select input with the list of supported languages</strong></p>
180170
<div class="center">
181-
<a href="v4/pointer_events.html" class="btn">
171+
<a href="non-version-specific/get_languages.html" class="btn">
182172
<svg class="icn">
183173
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
184174
</svg>
185175
View example</a>
186-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/pointer_events.html" target="_blank" class="btn">
176+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/get_languages.html" target="_blank" class="btn">
187177
<svg class="icn">
188178
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
189179
</svg>
190180
Get source code</a>
191181
</div>
192-
<div style="margin-top: 76px;">
193-
<h2>Development</h2>
194-
<p><strong>Activate debug mode</strong></p>
195-
<div class="center">
196-
<a href="dev/debug.html" class="btn">
197-
<svg class="icn">
198-
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
199-
</svg>
200-
View example</a>
201-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/dev/debug.html" target="_blank" class="btn">
202-
<svg class="icn">
203-
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
204-
</svg>
205-
Get source code</a>
206-
</div>
182+
<p><strong>Activate debug mode</strong></p>
183+
<div class="center">
184+
<a href="dev/debug.html" class="btn">
185+
<svg class="icn">
186+
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
187+
</svg>
188+
View example</a>
189+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/dev/debug.html" target="_blank" class="btn">
190+
<svg class="icn">
191+
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
192+
</svg>
193+
Get source code</a>
207194
</div>
208195
</div>
209196
</div>

‎src/demo-app/examples/index.html‎

Lines changed: 34 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -41,15 +41,6 @@
4141
<h1>Examples</h1>
4242
<div class="grid-wrapper">
4343
<div class="grid-column-one">
44-
<h2>Non version specific features</h2>
45-
<div class="notice notice-info">
46-
<svg class="icn icn-info">
47-
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-info"></use>
48-
</svg>
49-
<div class="notice-txt">
50-
Demonstration of features not depending of API version configured.
51-
</div>
52-
</div>
5344
<p><strong>Get started</strong></p>
5445
<div class="center">
5546
<a href="non-version-specific/get_started.html" class="btn">
@@ -120,110 +111,106 @@ <h2>Non version specific features</h2>
120111
</svg>
121112
Get source code</a>
122113
</div>
123-
<p><strong>Settings the attributes programmatically</strong></p>
114+
<p><strong>Select input with the list of supported languages configured in Javascript</strong>
115+
</p>
124116
<div class="center">
125-
<a href="non-version-specific/programmatic_init.html" class="btn">
117+
<a href="non-version-specific/get_languages_programmatic.html" class="btn">
126118
<svg class="icn">
127119
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
128120
</svg>
129121
View example</a>
130-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/programmatic_init.html"
122+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/get_languages_programmatic.html"
131123
target="_blank" class="btn">
132124
<svg class="icn">
133125
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
134126
</svg>
135127
Get source code</a>
136128
</div>
137-
<p><strong>Select input populate with the list of supported languages</strong></p>
129+
</div>
130+
<div class="grid-column-two">
131+
<p><strong>REST text</strong></p>
138132
<div class="center">
139-
<a href="non-version-specific/get_languages.html" class="btn">
133+
<a href="v4/iink_rest_text.html" class="btn">
140134
<svg class="icn">
141135
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
142136
</svg>
143137
View example</a>
144-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/get_languages.html"
138+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/iink_rest_text.html"
145139
target="_blank" class="btn">
146140
<svg class="icn">
147141
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
148142
</svg>
149143
Get source code</a>
150144
</div>
151-
<p><strong>Select input populate with the list of supported languages configured in Javascript</strong>
152-
</p>
145+
<p><strong>Import content</strong></p>
153146
<div class="center">
154-
<a href="non-version-specific/get_languages_programmatic.html" class="btn">
147+
<a href="v4/import_content.html" class="btn">
155148
<svg class="icn">
156149
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
157150
</svg>
158151
View example</a>
159-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/get_languages_programmatic.html"
152+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/import_content.html"
160153
target="_blank" class="btn">
161154
<svg class="icn">
162155
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
163156
</svg>
164157
Get source code</a>
165158
</div>
166-
</div>
167-
<div class="grid-column-two">
168-
<h2>V4 - iink SDK web</h2>
169-
<p><strong>REST text</strong></p>
159+
<p><strong>Pointer Events</strong></p>
170160
<div class="center">
171-
<a href="v4/iink_rest_text.html" class="btn">
161+
<a href="v4/pointer_events.html" class="btn">
172162
<svg class="icn">
173163
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
174164
</svg>
175165
View example</a>
176-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/iink_rest_text.html"
166+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/pointer_events.html"
177167
target="_blank" class="btn">
178168
<svg class="icn">
179169
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
180170
</svg>
181171
Get source code</a>
182172
</div>
183-
<p><strong>Import content</strong></p>
173+
<p><strong>Settings the attributes programmatically</strong></p>
184174
<div class="center">
185-
<a href="v4/import_content.html" class="btn">
175+
<a href="non-version-specific/programmatic_init.html" class="btn">
186176
<svg class="icn">
187177
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
188178
</svg>
189179
View example</a>
190-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/import_content.html"
180+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/programmatic_init.html"
191181
target="_blank" class="btn">
192182
<svg class="icn">
193183
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
194184
</svg>
195185
Get source code</a>
196186
</div>
197-
<p><strong>Pointer Events</strong></p>
187+
<p><strong>Select input with the list of supported languages</strong></p>
198188
<div class="center">
199-
<a href="v4/pointer_events.html" class="btn">
189+
<a href="non-version-specific/get_languages.html" class="btn">
200190
<svg class="icn">
201191
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
202192
</svg>
203193
View example</a>
204-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/v4/pointer_events.html"
194+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/non-version-specific/get_languages.html"
205195
target="_blank" class="btn">
206196
<svg class="icn">
207197
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
208198
</svg>
209199
Get source code</a>
210200
</div>
211-
<div style="margin-top: 76px;">
212-
<h2>Development</h2>
213-
<p><strong>Activate debug mode</strong></p>
214-
<div class="center">
215-
<a href="dev/debug.html" class="btn">
216-
<svg class="icn">
217-
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
218-
</svg>
219-
View example</a>
220-
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/dev/debug.html"
221-
target="_blank" class="btn">
222-
<svg class="icn">
223-
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
224-
</svg>
225-
Get source code</a>
226-
</div>
201+
<p><strong>Activate debug mode</strong></p>
202+
<div class="center">
203+
<a href="dev/debug.html" class="btn">
204+
<svg class="icn">
205+
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-play"></use>
206+
</svg>
207+
View example</a>
208+
<a href="https://github.com/MyScript/myscript-common-element/blob/master/examples/dev/debug.html"
209+
target="_blank" class="btn">
210+
<svg class="icn">
211+
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icn-github"></use>
212+
</svg>
213+
Get source code</a>
227214
</div>
228215
</div>
229216
</div>

0 commit comments

Comments
 (0)