Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
C
cloud-quote
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
nexedi
cloud-quote
Commits
f5f224c7
Commit
f5f224c7
authored
Mar 01, 2013
by
Sven Franck
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
started to make gadget ids dynamic
parent
c41e7114
Changes
7
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
11509 additions
and
308 deletions
+11509
-308
gadgets/header.html
gadgets/header.html
+44
-147
gadgets/results.html
gadgets/results.html
+34
-79
js/controller.js
js/controller.js
+7
-22
js/overrides.js
js/overrides.js
+1
-1
js/plugins/jqplot/jquery.jqplot.js
js/plugins/jqplot/jquery.jqplot.js
+11395
-57
js/plugins/renderjs/renderjs.js
js/plugins/renderjs/renderjs.js
+7
-0
p/index.html
p/index.html
+21
-2
No files found.
gadgets/header.html
View file @
f5f224c7
...
@@ -4,62 +4,7 @@
...
@@ -4,62 +4,7 @@
/* header wrappers */
/* header wrappers */
.ui-header
{
height
:
41px
;}
.ui-header
{
height
:
41px
;}
.headWrapLeft
,
.headWrapRight
{
height
:
inherit
;
margin-top
:
-4px
;
}
.headWrapLeft
,
.headWrapRight
{
height
:
inherit
;
margin-top
:
-4px
;
}
.headWrapLeft
.ui-btn
,
.headWrapRight
.ui-btn
{
margin
:
0
;}
/* custom icons - languages */
.ui-icon-lang
{
background-image
:
url(../img/custom-lang-18.png)
;
}
@media
only
screen
and
(
-webkit-min-device-pixel-ratio
:
1.5
),
only
screen
and
(
min--moz-device-pixel-ratio
:
1.5
),
only
screen
and
(
min-resolution
:
240dpi
)
{
.ui-icon-lang
{
-moz-background-size
:
1200px
18px
;
-o-background-size
:
1200px
18px
;
-webkit-background-size
:
1200px
18px
;
background-size
:
1200px
18px
;
}
.ui-icon-lang
{
background-image
:
url(../img/custom-lang-36.png)
;
#
background-image
:
url(../img/custom-lang-18.png)
;
}
}
/* background position for all sprites */
.ui-fake-icon.AT
,
.AT
{
background-position
:
0px
-50%
;}
.ui-fake-icon.BE
,
.BE
{
background-position
:
-36px
-50%
;}
.ui-fake-icon.BG
,
.BG
{
background-position
:
-72px
-50%
;}
.ui-fake-icon.CH
,
.CH
{
background-position
:
-108px
-50%
;}
.ui-fake-icon.CZ
,
.CZ
{
background-position
:
-144px
-50%
;}
.ui-fake-icon.DE
,
.DE
{
background-position
:
-180px
-50%
;}
.ui-fake-icon.DK
,
.DK
{
background-position
:
-216px
-50%
;}
.ui-fake-icon.EE
,
.EE
{
background-position
:
-252px
-50%
;}
.ui-fake-icon.ES
,
.ES
{
background-position
:
-288px
-50%
;}
.ui-fake-icon.FI
,
.FI
{
background-position
:
-324px
-50%
;}
.ui-fake-icon.FR
,
.FR
{
background-position
:
-360px
-50%
;}
.ui-fake-icon.global
,
.global
{
background-position
:
-396px
-50%
;}
.ui-fake-icon.GR
,
.GR
{
background-position
:
-432px
-50%
;}
.ui-fake-icon.HU
,
.HU
{
background-position
:
-468px
-50%
;}
.ui-fake-icon.IE
,
.IE
{
background-position
:
-504px
-50%
;}
.ui-fake-icon.IS
,
.IS
{
background-position
:
-540px
-50%
;}
.ui-fake-icon.IT
,
.IT
{
background-position
:
-576px
-50%
;}
.ui-fake-icon.LT
,
.LT
{
background-position
:
-612px
-50%
;}
.ui-fake-icon.LV
,
.LV
{
background-position
:
-648px
-50%
;}
.ui-fake-icon.MT
,
.MT
{
background-position
:
-684px
-50%
;}
.ui-fake-icon.NL
,
.NL
{
background-position
:
-720px
-50%
;}
.ui-fake-icon.NO
,
.NO
{
background-position
:
-756px
-50%
;}
.ui-fake-icon.PL
,
.PL
{
background-position
:
-792px
-50%
;}
.ui-fake-icon.PT
,
.PT
{
background-position
:
-828px
-50%
;}
.ui-fake-icon.RO
,
.RO
{
background-position
:
-864px
-50%
;}
.ui-fake-icon.RU
,
.RU
{
background-position
:
-900px
-50%
;}
.ui-fake-icon.SCO
,
.SCO
{
background-position
:
-936px
-50%
;}
.ui-fake-icon.SE
,
.SE
{
background-position
:
-973px
-50%
;}
.ui-fake-icon.SK
,
.SK
{
background-position
:
-1008px
-50%
;}
.ui-fake-icon.UA
,
.UA
{
background-position
:
-1044px
-50%
;}
.ui-fake-icon.EN
,
.EN
{
background-position
:
-1080px
-50%
;}
.ui-fake-icon.WAL
,
.WAL
{
background-position
:
-1116px
-50%
;}
/* make some space */
.ui-li-text
{
padding-left
:
40px
;
paddding-left
:
15px
;
}
.ui-li-divider
{
text-align
:
center
;}
</style>
</style>
</head>
</head>
...
@@ -70,106 +15,58 @@
...
@@ -70,106 +15,58 @@
</div>
</div>
<h1
class=
"ui-title t"
role=
"heading"
data-i18n=
""
aria-level=
"1"
></h1>
<h1
class=
"ui-title t"
role=
"heading"
data-i18n=
""
aria-level=
"1"
></h1>
<div
class=
"headWrapRight ui-btn-right"
>
<div
class=
"headWrapRight ui-btn-right"
>
<div
id=
"translator"
data-gadget=
"../gadgets/translate.html"
></div>
<a
data-role=
"button"
class=
"setIcon"
href=
""
data-rel=
"popup"
data-position-to=
"origin"
data-icon=
"lang"
data-iconpos=
"notext"
>
Languages
</a>
</div>
<div
data-role=
"popup"
id=
""
class=
"all_popups"
>
<div
data-gadget=
""
class=
"main-interactor"
data-gadget-connection=
"[
<ul
data-role=
"listview"
data-inset=
"true"
data-divider-theme=
"f"
>
{"source": "translator.translate", "destination": "index_wrapper.translate"}
<li
data-role=
"list-divider"
class=
"t"
data-i18n=
"gen.language"
></li>
]"
>
<li
data-icon=
"false"
><a
class=
"t change_language"
href=
"?lang=FR-fr"
data-i18n-target=
".ui-li-text"
data-i18n=
"[title]gen.language_info;[html]gen.lang.fr"
><span
class=
"ui-icon ui-fake-icon ui-li-icon ui-icon-lang ui-li-thumb FR"
>
</span><span
class=
"ui-li-text"
></span></a></li>
</div>
<li
data-icon=
"false"
><a
class=
"t change_language"
href=
"?lang=DE-de"
data-i18n-target=
".ui-li-text"
data-i18n=
"[title]gen.language_info;[html]gen.lang.de"
><span
class=
"ui-icon ui-fake-icon ui-li-icon ui-icon-lang ui-li-thumb DE"
>
</span><span
class=
"ui-li-text"
></span></a></li>
<li
data-icon=
"false"
><a
class=
"t change_language"
href=
"?lang=EN-en"
data-i18n-target=
".ui-li-text"
data-i18n=
"[title]gen.language_info;[html]gen.lang.en"
><span
class=
"ui-icon ui-fake-icon ui-li-icon ui-icon-lang ui-li-thumb EN"
>
</span><span
class=
"ui-li-text"
></span></a></li>
</ul>
</div>
</div>
</div>
<script
type=
"text/javascript"
language=
"javascript"
>
<script
type=
"text/javascript"
language=
"javascript"
>
//
<!
[
CDATA
[
//
<!
[
CDATA
[
$
(
document
).
ready
(
function
()
{
var
gadget
=
RenderJs
.
getSelfGadget
(),
i
,
var
gadget
=
RenderJs
.
getSelfGadget
(),
recursive_gadgets
=
gadget
.
dom
.
find
(
"
[data-gadget]
"
).
not
(
"
.main-interactor
"
),
lang
=
$
.
fn
.
fauna
.
i18n_current_lang
,
len
=
recursive_gadgets
.
length
;
switchIcon
=
function
()
{
// this should be the callback after create, which sets the icon
recursive_gadgets
.
each
(
function
(
i
)
{
// however setting elem here cannot access the JQM enhanced elements
var
passJSON
=
gadget
[
$
(
this
).
attr
(
'
id
'
)],
// although the functions is called after JQM is done enhancing...
string
,
new_string
,
// var elem = gadget.dom.find(".setIcon .ui-icon");
current_id
=
$
(
this
).
attr
(
'
id
'
),
// if (elem.length > 0) {
new_id
=
current_id
+
"
__
"
+
gadget
.
dom
.
attr
(
'
id
'
);
// elem.removeClass()
// .addClass('ui-icon ui-shadow ui-icon-lang '+set_icon);
// pass on JSON if present BEFORE modifying gadget-id
// }
if
(
passJSON
!==
undefined
)
{
},
$
(
this
).
attr
(
'
data-gadget-property
'
,
'
{"self":
'
+
JSON
.
stringify
(
passJSON
)
+
'
}
'
);
// set interactions
}
set_lang
=
function
(
language
)
{
var
set_icon
,
elem
;
switch
(
language
)
{
case
"
de-DE
"
:
set_icon
=
"
DE
"
;
break
;
case
"
fr-FR
"
:
set_icon
=
"
FR
"
;
break
;
default
:
set_icon
=
"
EN
"
;
break
;
};
$
.
fn
.
fauna
.
i18n_current_lang
=
language
;
// dynamic gadget-id
$
(
this
).
attr
(
'
id
'
,
new_id
);
// modfiy elements, trigger translation
// update interactions
gadget
.
dom
string
=
gadget
.
dom
.
find
(
"
.main-interactor
"
).
attr
(
"
data-gadget-connection
"
);
.
find
(
"
.setIcon
"
).
attr
(
"
href
"
,
'
#
'
+
gadget
.
dyn
.
href
).
end
()
new_string
=
string
.
replace
(
current_id
,
new_id
);
.
find
(
"
.all_popups
"
).
attr
(
"
id
"
,
gadget
.
dyn
.
href
).
end
()
gadget
.
dom
.
find
(
"
.main-interactor
"
).
attr
(
"
data-gadget-connection
"
,
new_string
);
.
trigger
(
"
translate
"
);
}
);
if
(
gadget
.
isEnhanced
()
===
false
)
{
// modify gadget
$
(
document
).
trigger
(
"
render_enhance
"
,
{
"
gadget
"
:
gadget
.
dom
,
"
callback
"
:
switchIcon
()});
if
(
gadget
.
self
!==
undefined
)
{
gadget
.
setEnhanced
(
true
);
for
(
key
in
gadget
.
self
)
{
if
(
gadget
.
self
.
hasOwnProperty
(
key
))
{
gadget
.
dom
.
find
(
key
).
attr
(
gadget
.
self
[
key
][
0
],
gadget
.
self
[
key
][
1
]);
}
}
}
// NONO!
setTimeout
(
function
()
{
elem
=
gadget
.
dom
.
find
(
"
.setIcon .ui-icon
"
);
if
(
elem
.
length
>
0
)
{
elem
.
removeClass
()
.
addClass
(
'
ui-icon ui-shadow ui-icon-lang
'
+
set_icon
);
}
},
50
);
};
// set page title
gadget
.
dom
.
find
(
'
h1
'
).
attr
(
'
data-i18n
'
,
gadget
.
dyn
.
title
);
// initializing setter
$
(
document
).
on
(
'
i18n_ready
'
,
function
(
e
,
data
)
{
set_lang
(
data
.
lang
);
});
console
.
log
(
"
hello lang =
"
+
lang
);
// regular page setter
if
(
lang
!==
undefined
)
{
set_lang
(
$
.
fn
.
fauna
.
i18n_current_lang
);
}
}
console
.
log
(
"
binding to this=
"
);
console
.
log
(
$
(
this
)
);
// interactions
console
.
log
(
"
whats left
"
);
gadget
.
translate
=
function
(){
console
.
log
(
$
(
this
).
filter
(
function
()
{
return
$
(
this
).
jqmData
(
"
i18n
"
)
!==
true
;
}))
$
.
fn
.
util
.
lang
(
gadget
.
dom
);
// switch language
};
$
(
this
)
.
filter
(
function
()
{
return
$
(
this
).
jqmData
(
"
i18n
"
)
!==
true
;
})
$
(
document
).
ready
(
function
()
{
.
jqmData
(
'
i18n
'
,
true
)
// trigger enhancement
.
on
(
'
click
'
,
'
.change_language
'
,
function
(
e
)
{
$
(
this
).
trigger
(
"
render_enhance
"
,
{
gadget
:
gadget
.
dom
});
var
lang
=
$
(
this
).
attr
(
'
href
'
).
replace
(
'
?lang=
'
,
''
);
});
e
.
preventDefault
();
$
(
'
.all_popups
'
).
popup
(
"
close
"
);
// switch to new language
$
.
i18n
.
setLng
(
lang
,
function
()
{
// translate everything in gadget
$
.
fn
.
util
.
lang
(
gadget
.
dom
);
// interaction! switch icon (triggers translate on all other gadgets
set_lang
(
$
.
i18n
.
lng
());
});
});
});
//]]>
//]]>
</script>
</script>
...
...
gadgets/results.html
View file @
f5f224c7
This diff is collapsed.
Click to expand it.
js/controller.js
View file @
f5f224c7
...
@@ -14,20 +14,6 @@ define([], function () {
...
@@ -14,20 +14,6 @@ define([], function () {
util
=
{}
// utility functions (PUBLIC)
util
=
{}
// utility functions (PUBLIC)
util
=
{
util
=
{
// cached-regexes
regex
:
{
re_lang
:
/lang=
(
.*
?)
$/g
},
// spinner
spin
:
function
(
what
)
{
if
(
what
===
"
show
"
){
$
.
mobile
.
showPageLoadingMsg
();
}
else
{
$
.
mobile
.
hidePageLoadingMsg
();
}
},
// screen size small/medium/large
// screen size small/medium/large
framer
:
function
()
{
framer
:
function
()
{
var
self
=
this
,
framed
;
var
self
=
this
,
framed
;
...
@@ -158,30 +144,29 @@ define([], function () {
...
@@ -158,30 +144,29 @@ define([], function () {
// enhancing gadgets when everyone else is done
// enhancing gadgets when everyone else is done
$
(
document
).
on
(
'
render_enhance
'
,
function
(
e
,
data
)
{
$
(
document
).
on
(
'
render_enhance
'
,
function
(
e
,
data
)
{
console
.
log
(
"
render_enhance registered
"
);
console
.
log
(
"
trying to call trigger create
"
);
data
.
gadget
.
trigger
(
"
create
"
);
data
.
gadget
.
trigger
(
"
create
"
);
// if (data.callback !== undefined) {
// if (data.callback !== undefined) {
// data.callback();
// data.callback();
// }
// }
});
});
// ===========================================================
// init application
// init application
if
(
$
.
mobile
.
autoInitializePage
===
false
){
if
(
$
.
mobile
.
autoInitializePage
===
false
){
$
.
mobile
.
initializePage
();
$
.
mobile
.
initializePage
();
$
(
'
html
'
).
removeClass
(
'
render
'
).
find
(
'
body
'
).
removeClass
(
'
splash
'
);
$
(
'
html
'
).
removeClass
(
'
render
'
).
find
(
'
body
'
).
removeClass
(
'
splash
'
);
}
}
// res
ize application
// res
ponsive element handling & initial trigger
$
(
window
).
on
(
'
orientationchange resize
'
,
function
(){
$
(
window
).
on
(
'
orientationchange resize
'
,
function
(){
util
.
scale
();
util
.
scale
();
});
})
.
trigger
(
'
resize
'
)
;
// initial size trigger
// expose public elements
$
(
window
).
trigger
(
'
resize
'
);
// expose public utilities
$
.
fn
.
util
=
util
;
$
.
fn
.
util
=
util
;
// expose public settings
$
.
fn
.
fauna
=
fauna
;
$
.
fn
.
fauna
=
fauna
;
});
});
};
};
...
...
js/overrides.js
View file @
f5f224c7
...
@@ -12,7 +12,7 @@ vars : true, white : true */
...
@@ -12,7 +12,7 @@ vars : true, white : true */
// [JQM] - prevent confilicts with requireJS docReady by triggering JQM manually
// [JQM] - prevent confilicts with requireJS docReady by triggering JQM manually
$
.
mobile
.
autoInitializePage
=
false
;
$
.
mobile
.
autoInitializePage
=
false
;
// [
Multiview
] - disable pushState to ensure URLs will be correct
// [
JQM
] - disable pushState to ensure URLs will be correct
$
.
mobile
.
pushStateEnabled
=
false
;
$
.
mobile
.
pushStateEnabled
=
false
;
// [Google Analytics] - since we are tracking on pageshow the pageshow
// [Google Analytics] - since we are tracking on pageshow the pageshow
...
...
js/plugins/jqplot/jquery.jqplot.js
View file @
f5f224c7
This diff is collapsed.
Click to expand it.
js/plugins/renderjs/renderjs.js
View file @
f5f224c7
...
@@ -747,6 +747,13 @@ var RenderJs = (function () {
...
@@ -747,6 +747,13 @@ var RenderJs = (function () {
};
};
gadget_id
=
gadget_dom
.
attr
(
"
id
"
);
gadget_id
=
gadget_dom
.
attr
(
"
id
"
);
gadget_connection_list
=
gadget_dom
.
attr
(
"
data-gadget-connection
"
);
gadget_connection_list
=
gadget_dom
.
attr
(
"
data-gadget-connection
"
);
console
.
log
(
"
so, what do we have
"
);
console
.
log
(
gadget_dom
);
console
.
log
(
gadget_dom
.
attr
(
'
id
'
));
console
.
log
(
gadget_dom
.
attr
(
"
data-gadget-connection
"
));
console
.
log
(
$
.
parseJSON
(
gadget_connection_list
));
gadget_connection_list
=
$
.
parseJSON
(
gadget_connection_list
);
gadget_connection_list
=
$
.
parseJSON
(
gadget_connection_list
);
$
.
each
(
gadget_connection_list
,
function
(
key
,
value
)
{
$
.
each
(
gadget_connection_list
,
function
(
key
,
value
)
{
var
source
,
source_gadget_id
,
source_method_id
,
var
source
,
source_gadget_id
,
source_method_id
,
...
...
p/index.html
View file @
f5f224c7
...
@@ -7,14 +7,33 @@
...
@@ -7,14 +7,33 @@
</head>
</head>
<body
class=
"splash"
>
<body
class=
"splash"
>
<div
data-role=
"page"
id=
"index"
>
<div
data-role=
"page"
id=
"index"
>
<div
id=
"index_header"
data-gadget=
"../gadgets/header.html"
data-gadget-property=
'{"dyn":{"title":"pages.titles.main","href":"popup_index_lang"}}'
></div>
<div
id=
"index_header"
data-gadget=
"../gadgets/header.html"
data-gadget-property=
'{
"self": {
"h1": [
"data-i18n",
"pages.titles.main"
]
},
"translator": {
"a.setIcon": [
"href",
"#popup_index_lang"
],
"div.all_popups": [
"id",
"popup_index_lang"
]
}
}'
>
</div>
<div
data-role=
"content"
>
<div
data-role=
"content"
>
<div
id=
"index_wrapper"
data-gadget=
"../gadgets/index_wrapper.html"
></div>
<div
id=
"index_wrapper"
data-gadget=
"../gadgets/index_wrapper.html"
></div>
<div
data-gadget=
""
class=
"main-interactor"
<div
data-gadget=
""
class=
"main-interactor"
data-gadget-connection=
"[
data-gadget-connection=
"[
{"source": "index_header.translate", "destination": "index_wrapper.translate"}
{"source": "index_header.translate", "destination": "index_wrapper.translate"}
]"
>
]"
>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</body>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment