Skip to content

Commit 38ef2e4

Browse files
thecodejackthecodejack
committed
Multiple widgets can be attached to same view now
1 parent b17e7f5 commit 38ef2e4

File tree

4 files changed

+828
-433
lines changed

4 files changed

+828
-433
lines changed

‎README.md

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
jquery-ui-ember
2+
==================
3+
Forked Luke Melia's <a href='https://github.com/lukemelia/jquery-ui-ember'>jquery-ui-ember repo</a>. While trying to use found out that same View cannot have two jquery UI types because of overriding of 'uioptions', 'uitype', 'uievents' variables and values. So to avoid the problem had to create different mixins for draggable, droppable, resizeable as they are the main ones that can be mixed with other jquery UI types.
4+
5+
6+
Quick start
7+
-----------
8+
9+
Now same view can have two different jquery UI widgets.
10+
11+
12+
13+
14+
Developers
15+
----------
16+
Srikanth
17+
18+
19+
Authors
20+
-------
21+
Luke Melia
22+
23+
24+
Notice
25+
-------
26+
new to opensource and github, so let me know any issues
27+
28+
Copyright and license
29+
---------------------

‎css/style.css

Lines changed: 162 additions & 158 deletions
Original file line numberDiff line numberDiff line change
@@ -1,159 +1,163 @@
1-
2-
/* ==== Scroll down to find where to put your styles :) ==== */
3-
4-
/* HTML5 ✰ Boilerplate */
5-
6-
html, body, div, span, object, iframe,
7-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8-
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
9-
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
10-
fieldset, form, label, legend,
11-
table, caption, tbody, tfoot, thead, tr, th, td,
12-
article, aside, canvas, details, figcaption, figure,
13-
footer, header, hgroup, menu, nav, section, summary,
14-
time, mark, audio, video {
15-
margin: 0;
16-
padding: 0;
17-
border: 0;
18-
font-size: 100%;
19-
font: inherit;
20-
vertical-align: baseline;
21-
}
22-
23-
article, aside, details, figcaption, figure,
24-
footer, header, hgroup, menu, nav, section {
25-
display: block;
26-
}
27-
28-
blockquote, q { quotes: none; }
29-
blockquote:before, blockquote:after,
30-
q:before, q:after { content: ''; content: none; }
31-
ins { background-color: #ff9; color: #000; text-decoration: none; }
32-
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
33-
del { text-decoration: line-through; }
34-
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
35-
table { border-collapse: collapse; border-spacing: 0; }
36-
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
37-
input, select { vertical-align: middle; }
38-
39-
body { font:13px/1.231 sans-serif; *font-size:small; }
40-
select, input, textarea, button { font:99% sans-serif; }
41-
pre, code, kbd, samp { font-family: monospace, sans-serif; }
42-
43-
html { overflow-y: scroll; }
44-
a:hover, a:active { outline: none; }
45-
ul, ol { margin-left: 2em; }
46-
ol { list-style-type: decimal; }
47-
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
48-
small { font-size: 85%; }
49-
strong, th { font-weight: bold; }
50-
td { vertical-align: top; }
51-
52-
sub, sup { font-size: 75%; line-height: 0; position: relative; }
53-
sup { top: -0.5em; }
54-
sub { bottom: -0.25em; }
55-
56-
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
57-
textarea { overflow: auto; }
58-
.ie6 legend, .ie7 legend { margin-left: -7px; }
59-
input[type="radio"] { vertical-align: text-bottom; }
60-
input[type="checkbox"] { vertical-align: bottom; }
61-
.ie7 input[type="checkbox"] { vertical-align: baseline; }
62-
.ie6 input { vertical-align: text-bottom; }
63-
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
64-
button, input, select, textarea { margin: 0; }
65-
input:valid, textarea:valid { }
66-
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
67-
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
68-
69-
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
70-
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
71-
a:link { -webkit-tap-highlight-color: #FF5E99; }
72-
73-
button { width: auto; overflow: visible; }
74-
.ie7 img { -ms-interpolation-mode: bicubic; }
75-
76-
body, select, input, textarea { color: #444; }
77-
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
78-
a, a:active, a:visited { color: #607890; }
79-
a:hover { color: #036; }
80-
81-
/*
82-
// ========================================== \\
83-
|| ||
84-
|| Your styles ! ||
85-
|| ||
86-
\\ ========================================== //
87-
*/
88-
89-
body {
90-
max-width: 320px;
91-
margin: 10px;
92-
}
93-
94-
button.ember-view {
95-
width: 100%;
96-
}
97-
98-
div.ember-view {
99-
margin-top: 10px;
100-
margin-bottom: 10px;
101-
}
102-
103-
p.annotated {
104-
margin-top: 30px;
105-
text-align: center;
106-
}
107-
108-
p.annotated a {
109-
color: #66c;
110-
text-decoration: none;
111-
}
112-
113-
p.annotated a:hover {
114-
color: #339;
115-
text-decoration: underline;
116-
}
117-
118-
119-
120-
121-
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
122-
.hidden { display: none; visibility: hidden; }
123-
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
124-
.visuallyhidden.focusable:active,
125-
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
126-
.invisible { visibility: hidden; }
127-
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
128-
.clearfix:after { clear: both; }
129-
.clearfix { zoom: 1; }
130-
131-
132-
@media all and (orientation:portrait) {
133-
134-
}
135-
136-
@media all and (orientation:landscape) {
137-
138-
}
139-
140-
@media screen and (max-device-width: 480px) {
141-
142-
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
143-
}
144-
145-
146-
@media print {
147-
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
148-
-ms-filter: none !important; }
149-
a, a:visited { color: #444 !important; text-decoration: underline; }
150-
a[href]:after { content: " (" attr(href) ")"; }
151-
abbr[title]:after { content: " (" attr(title) ")"; }
152-
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
153-
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
154-
thead { display: table-header-group; }
155-
tr, img { page-break-inside: avoid; }
156-
@page { margin: 0.5cm; }
157-
p, h2, h3 { orphans: 3; widows: 3; }
158-
h2, h3{ page-break-after: avoid; }
1+
2+
/* ==== Scroll down to find where to put your styles :) ==== */
3+
4+
/* HTML5 ✰ Boilerplate */
5+
6+
html, body, div, span, object, iframe,
7+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8+
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
9+
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
10+
fieldset, form, label, legend,
11+
table, caption, tbody, tfoot, thead, tr, th, td,
12+
article, aside, canvas, details, figcaption, figure,
13+
footer, header, hgroup, menu, nav, section, summary,
14+
time, mark, audio, video {
15+
margin: 0;
16+
padding: 0;
17+
border: 0;
18+
font-size: 100%;
19+
font: inherit;
20+
vertical-align: baseline;
21+
}
22+
23+
article, aside, details, figcaption, figure,
24+
footer, header, hgroup, menu, nav, section {
25+
display: block;
26+
}
27+
28+
blockquote, q { quotes: none; }
29+
blockquote:before, blockquote:after,
30+
q:before, q:after { content: ''; content: none; }
31+
ins { background-color: #ff9; color: #000; text-decoration: none; }
32+
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
33+
del { text-decoration: line-through; }
34+
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
35+
table { border-collapse: collapse; border-spacing: 0; }
36+
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
37+
input, select { vertical-align: middle; }
38+
39+
body { font:13px/1.231 sans-serif; *font-size:small; }
40+
select, input, textarea, button { font:99% sans-serif; }
41+
pre, code, kbd, samp { font-family: monospace, sans-serif; }
42+
43+
html { overflow-y: scroll; }
44+
a:hover, a:active { outline: none; }
45+
ul, ol { margin-left: 2em; }
46+
ol { list-style-type: decimal; }
47+
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
48+
small { font-size: 85%; }
49+
strong, th { font-weight: bold; }
50+
td { vertical-align: top; }
51+
52+
sub, sup { font-size: 75%; line-height: 0; position: relative; }
53+
sup { top: -0.5em; }
54+
sub { bottom: -0.25em; }
55+
56+
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
57+
textarea { overflow: auto; }
58+
.ie6 legend, .ie7 legend { margin-left: -7px; }
59+
input[type="radio"] { vertical-align: text-bottom; }
60+
input[type="checkbox"] { vertical-align: bottom; }
61+
.ie7 input[type="checkbox"] { vertical-align: baseline; }
62+
.ie6 input { vertical-align: text-bottom; }
63+
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
64+
button, input, select, textarea { margin: 0; }
65+
input:valid, textarea:valid { }
66+
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
67+
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
68+
69+
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
70+
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
71+
a:link { -webkit-tap-highlight-color: #FF5E99; }
72+
73+
button { width: auto; overflow: visible; }
74+
.ie7 img { -ms-interpolation-mode: bicubic; }
75+
76+
body, select, input, textarea { color: #444; }
77+
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
78+
a, a:active, a:visited { color: #607890; }
79+
a:hover { color: #036; }
80+
81+
/*
82+
// ========================================== \\
83+
|| ||
84+
|| Your styles ! ||
85+
|| ||
86+
\\ ========================================== //
87+
*/
88+
89+
body {
90+
max-width: 320px;
91+
margin: 10px;
92+
}
93+
94+
button.ember-view {
95+
width: 100%;
96+
}
97+
98+
div.ember-view {
99+
margin-top: 10px;
100+
margin-bottom: 10px;
101+
}
102+
103+
p.annotated {
104+
margin-top: 30px;
105+
text-align: center;
106+
}
107+
108+
p.annotated a {
109+
color: #66c;
110+
text-decoration: none;
111+
}
112+
113+
p.annotated a:hover {
114+
color: #339;
115+
text-decoration: underline;
116+
}
117+
118+
119+
120+
121+
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
122+
.hidden { display: none; visibility: hidden; }
123+
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
124+
.visuallyhidden.focusable:active,
125+
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
126+
.invisible { visibility: hidden; }
127+
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
128+
.clearfix:after { clear: both; }
129+
.clearfix { zoom: 1; }
130+
131+
132+
@media all and (orientation:portrait) {
133+
134+
}
135+
136+
@media all and (orientation:landscape) {
137+
138+
}
139+
140+
@media screen and (max-device-width: 480px) {
141+
142+
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
143+
}
144+
145+
146+
@media print {
147+
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
148+
-ms-filter: none !important; }
149+
a, a:visited { color: #444 !important; text-decoration: underline; }
150+
a[href]:after { content: " (" attr(href) ")"; }
151+
abbr[title]:after { content: " (" attr(title) ")"; }
152+
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
153+
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
154+
thead { display: table-header-group; }
155+
tr, img { page-break-inside: avoid; }
156+
@page { margin: 0.5cm; }
157+
p, h2, h3 { orphans: 3; widows: 3; }
158+
h2, h3{ page-break-after: avoid; }
159+
}
160+
161+
backcolor {
162+
background-color: #F00;
159163
}

0 commit comments

Comments
 (0)