Skip to content
This repository was archived by the owner on Sep 8, 2020. It is now read-only.

Commit a21e3bd

Browse files
douglasduteildouglasduteil
committed
chore(demo): update demo to Angular UI Publisher 1.2.x
1 parent def1799 commit a21e3bd

File tree

1 file changed

+83
-84
lines changed

1 file changed

+83
-84
lines changed

‎demo/demo.html‎

Lines changed: 83 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -1,96 +1,90 @@
1-
<section id="aces" ng-app="doc.ui-ace">
1+
<section id="aces" ng-app="doc.ui-ace" ng-cloak >
22

33
<!-- =Minimal code
44
--------------------------------------------------------------------------- -->
5-
<div class="row">
6-
<div class="span12">
7-
<div class="page-header">
8-
<h1>Minimal code</h1>
5+
<div id="demo-mini">
6+
<div class="page-header">
7+
<h1>Minimal code</h1>
8+
</div>
9+
<div class="row">
10+
<div class="col-md-6">
11+
<div id="demo-mini">
12+
<div ui-ace>Ace here</div>
913
</div>
10-
<div class="row">
11-
<div class="span6">
12-
<div id="demo-mini">
13-
<div ui-ace>Ace here</div>
14-
</div>
15-
</div>
16-
17-
<div class="span6" ng-controller="PlunkerCtrl"
18-
ng-init="
19-
vendor_js=['https://rawgithub.com/ajaxorg/ace-builds/v1.1.1/src-min-noconflict/ace.js'];
20-
"
21-
>
22-
<div class="pull-right">
23-
<button class="btn btn-info" ng-click="edit('1.0.7', 'UI.Ace', 'ui-ace')"><i
24-
class="icon-edit icon-white"></i> Edit in plunker
25-
</button>
26-
</div>
27-
28-
<tabset>
29-
<tab heading="Markup">
30-
<div plunker-content="markup">
31-
<pre class="prettyprint">&lt;section&gt;
14+
</div>
3215

33-
&lt;div ui-ace &gt;Ace here&lt;/div&gt;
16+
<div class="col-md-6" ng-controller="PlunkerCtrl"
17+
ng-init="
18+
vendor_js=['https://rawgithub.com/ajaxorg/ace-builds/v1.1.1/src-min-noconflict/ace.js'];
19+
"
20+
>
21+
<div class="pull-right">
22+
<button class="btn btn-info" ng-click="edit('1.2.6', 'UI.Ace', 'ui-ace')"><i
23+
class="icon-edit icon-white"></i> Edit in plunker
24+
</button>
25+
</div>
3426

27+
<tabset>
28+
<tab heading="Markup">
29+
<div plunker-content="markup">
30+
<pre class="prettyprint">&lt;section&gt;
31+
&lt;div ui-ace &gt;Ace here&lt;/div&gt;
3532
&lt;/section&gt;</pre>
36-
</div>
37-
</tab>
38-
<tab heading="CSS">
39-
<div plunker-content="css">
40-
<pre class="prettyprint">.ace_editor {
33+
</div>
34+
</tab>
35+
<tab heading="CSS">
36+
<div plunker-content="css">
37+
<pre class="prettyprint">.ace_editor {
4138
height : 200px;
4239
}
43-
</pre>
44-
</div>
45-
</tab>
46-
</tabset>
47-
</div>
48-
</div>
40+
</pre>
41+
</div>
42+
</tab>
43+
</tabset>
4944
</div>
5045
</div>
51-
46+
</div>
5247

5348
<!-- =General options demo
5449
--------------------------------------------------------------------------- -->
55-
<div id="demo-general" class="row">
56-
<div class="span12">
57-
<div class="page-header">
58-
<h1>General options</h1>
59-
</div>
60-
<div class="row">
61-
<div class="span6">
62-
<div>
63-
<div ui-ace="{
64-
useWrapMode : true,
65-
showGutter: false,
66-
theme:'twilight',
67-
mode: 'markdown'
68-
}"># Theme and mode
50+
<div id="demo-general">
51+
<div class="page-header">
52+
<h1>General options</h1>
53+
</div>
54+
<div class="row">
55+
<div class="col-md-6">
56+
<div>
57+
<div ui-ace="{
58+
useWrapMode : true,
59+
showGutter: false,
60+
theme:'twilight',
61+
mode: 'markdown'
62+
}"># Theme and mode
6963

7064
*Lorem ipsum* dolor sit amet, consectetur adipisicing elit, sed do eiusmod
7165
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
7266
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
7367
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
7468
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
7569
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
76-
</div>
7770
</div>
7871
</div>
72+
</div>
7973

80-
<div class="span6" ng-controller="PlunkerCtrl"
81-
ng-init="
74+
<div class="col-md-6" ng-controller="PlunkerCtrl"
75+
ng-init="
8276
vendor_js=['https://rawgithub.com/ajaxorg/ace-builds/v1.1.1/src-min-noconflict/ace.js'];
83-
"
84-
>
85-
<div class="pull-right">
86-
<button class="btn btn-info" ng-click="edit('1.0.7', 'UI.Ace', 'ui-ace')"><i
87-
class="icon-edit icon-white"></i> Edit in plunker
88-
</button>
89-
</div>
77+
"
78+
>
79+
<div class="pull-right">
80+
<button class="btn btn-info" ng-click="edit('1.2.6', 'UI.Ace', 'ui-ace')"><i
81+
class="icon-edit icon-white"></i> Edit in plunker
82+
</button>
83+
</div>
9084

91-
<tabset>
92-
<tab heading="Markup">
93-
<div plunker-content="markup">
85+
<tabset>
86+
<tab heading="Markup">
87+
<div plunker-content="markup">
9488
<pre class="prettyprint">&lt;section&gt;
9589
&lt;div ui-ace=&quot;{
9690
useWrapMode : true,
@@ -107,44 +101,47 @@ <h1>General options</h1>
107101
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/div&gt;
108102

109103
&lt;/section&gt;</pre>
110-
</div>
111-
</tab>
112-
<tab heading="CSS">
113-
<div plunker-content="css">
104+
</div>
105+
</tab>
106+
<tab heading="CSS">
107+
<div plunker-content="css">
114108
<pre class="prettyprint">.ace_editor {
115109
height : 200px;
116110
}
117111
</pre>
118-
</div>
119-
</tab>
120-
</tabset>
121-
</div>
112+
<div style="margin-top: 260px;"></div>
113+
</div>
114+
</tab>
115+
</tabset>
122116
</div>
123117
</div>
124118
</div>
125119

126120
<!-- =Mode-Changing demo
127121
--------------------------------------------------------------------------- -->
128-
<div id="demo-mode-changing" class="row">
129-
<div class="span12" ng-controller="AceCtrl">
122+
<div id="demo-mode-changing">
130123
<div class="page-header">
131124
<h1>Mode-Changing demo</h1>
132125
</div>
133-
<div>
134-
<div ui-ace="aceOption" ng-model="aceModel">Ace here</div>
126+
127+
<div class="row" ng-controller="AceCtrl">
128+
<div class="col-md-12">
129+
<div ui-ace="aceOption" ng-model="aceModel">Ace here</div>
130+
</div>
131+
<div class="col-md-6">
132+
Mode : <select class="form-control" ng-model="mode" ng-options="m for m in modes" ng-change="modeChanged()"></select>
133+
</div>
135134
</div>
136-
Mode : <select ng-model="mode" ng-options="m for m in modes" ng-change="modeChanged()">
137-
</select>
138-
</div>
139135

136+
<hr>
140137

141-
<div class="span12" ng-controller="PlunkerCtrl"
138+
<div ng-controller="PlunkerCtrl"
142139
ng-init="
143140
vendor_js=['https://rawgithub.com/ajaxorg/ace-builds/v1.1.1/src-min-noconflict/ace.js'];
144141
"
145142
>
146143
<div class="pull-right">
147-
<button class="btn btn-info" ng-click="edit('1.0.7', 'UI.Ace', 'ui-ace')"><i
144+
<button class="btn btn-info" ng-click="edit('1.2.6', 'UI.Ace', 'ui-ace')"><i
148145
class="icon-edit icon-white"></i> Edit in plunker
149146
</button>
150147
</div>
@@ -159,6 +156,7 @@ <h1>Mode-Changing demo</h1>
159156
&lt;select ng-model=&quot;mode&quot; ng-options=&quot;m for m in modes&quot; ng-change=&quot;modeChanged()&quot;&gt;&lt;/select&gt;
160157

161158
&lt;/section&gt;</pre>
159+
<div style="margin-top: 390px;"></div>
162160
</div>
163161
</tab>
164162
<tab heading="JavaScript">
@@ -199,6 +197,7 @@ <h1>Mode-Changing demo</h1>
199197
height : 300px;
200198
}
201199
</pre>
200+
<div style="margin-top: 470px;"></div>
202201
</div>
203202
</tab>
204203
</tabset>

0 commit comments

Comments
 (0)