+ The page your are looking for is not found.
+
Go Home or
+
+
+Thanks.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/doc/js/jquery.1.6.4.js b/code/ryzom/tools/server/ryzom_ams/www/html/doc/js/jquery.1.6.4.js
new file mode 100644
index 000000000..3684c36b5
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/doc/js/jquery.1.6.4.js
@@ -0,0 +1,4 @@
+/*! jQuery v1.6.4 http://jquery.com/ | http://jquery.org/license */
+(function(a,b){function cu(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cr(a){if(!cg[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ch||(ch=c.createElement("iframe"),ch.frameBorder=ch.width=ch.height=0),b.appendChild(ch);if(!ci||!ch.createElement)ci=(ch.contentWindow||ch.contentDocument).document,ci.write((c.compatMode==="CSS1Compat"?"":"")+""),ci.close();d=ci.createElement(a),ci.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ch)}cg[a]=e}return cg[a]}function cq(a,b){var c={};f.each(cm.concat.apply([],cm.slice(0,b)),function(){c[this]=a});return c}function cp(){cn=b}function co(){setTimeout(cp,0);return cn=f.now()}function cf(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ce(){try{return new a.XMLHttpRequest}catch(b){}}function b$(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;gCharisma
free, responsive, multiple skin admin template
- Last Update: 15 August 2012
- By: Muhammad Usman
- Webiste: http://usman.it
- Email: hi@usman.it
Thank you for using the template. If you have any questions that are beyond the scope of this file, please feel free to ask on the comment section of the article page, but there is no warranty.
+
+Please share the template on your social network.
+
+Apart from this doc there is a live preview with examples and also the code is commented for your convenience.
+
+
Please note: when you access it from a server like localhost, by default php-version is served even though you browse using .html extension, remove .htaccess file if you need HTML files to be served.
++Thanks.
Intro
+
Charisma is a fully featured, responsive admin template based on Bootstrap from Twitter, which comes with 9 different themes to suite your style and application type. It is featured with many plugins and UI elements to ease your work. It works on all major browsers and optimizes itself for tablets and mobile phones.
+Features
+
-
+
- 9 different themes +
- Fully responsive, optimized UI for tablets and mobile phones +
- Based on Bootstrap, jQuery UI can be also used without hassle +
- HTML5 valid and CSS3, though compatible with HTML4, works on IE8+ +
- Commented code +
- Custom product tour, see example +
- 1000+ icons, see icons (Glyphicons + Opa Library Icons) +
- Grid system, see example +
- Charts, including, pie, stack, flot, realtime etc. +
- Data tables +
- Widget boxes, collapsible, sortable, closable, see example +
- Gallery with fullscreen support, see example +
- Ajaxified menus +
- Full calendar, monthly weekly, daily, with todo list. +
- File manager, with create, view, delete, upload, compress and uncompress features +
- Custom error page +
- Auto active link detection and much more. +
UI Elements
+-
+
- Autocomplete +
- Custom Tooltip +
- Popover +
- Star Rating +
- Toggle Switch +
- Tag Boxes +
- Rich Text Editor +
- Date Picker +
- Multiple File Upload +
- Slider +
- Dialog Box +
- Auto Growing Textarea +
- Ajax Loaders +
- Progress Bars +
- Alerts +
- Pop Notifications +
Folder Structure
+
+ charisma
+- css
+- img
+- js
+- misc
+- php-version
++
The root folder contains the template files in HTML format, usable in any backend language.
+css: contains al the CSS files
+img: contains all the images.
+js: contains the JavaScript files
+misc: contains PHP connector for file manager and handler for Uploadify.
+php-version: contains the template files in PHP format, using common header and footer.
++
+
+HTML Structure
+
+ This theme is based on Twitter Bootstrap, so it uses Bootstrap's grid system with 12 grids, more info.
++ To view Charisma's grid system please check the grid.html file or http://usman.it/themes/charisma/grid.html
++ The HTML structure
++
+Styling
+
+
++ Forms:
++ For form styling please refer to Twitter Bootstrap form styling page.
++
++ Buttons:
++ Adding basic class or classes can convert an element to a button, please refer to Twitter Bootstrap button styling page.
++
++ Table:
++ For table styling please refer to Twitter Bootstrap table stying page.
+
+
+Plugins Used
+
-
+
- + Twitter Bootstarp plugins +
- + jQuery UI +
- + Chosen plugin for enhacing select inputs +
- + Flot plugin charts +
- + FullCalendar plugin for a full calendar +
- + Elfinder for file manager +
- + CLEditor plugin for rich text editor +
- + Uniform for stying checkbox, radio button and file inputs +
- + Colorbox plugin for gallery image viewer +
- + Noty for advanced notifications +
- + DataTable plugin for enhancing HTML tables +
- + Raty for star rating +
- + iPhone-style Checkboxes +
- + Auto-Growing Textarea +
Sources and Credits
+
+ Without Twitter Bootstrap this template won't be possible, I am grateful to all the jQuery plugin authors, Opa Library for icons and Bootswatch for skins which are modified.
+| t |
","
"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){f(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f(arguments[0]).toArray());return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!be[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1>");try{for(var c=0,d=this.length;c+ 404 +
+Not
Found
+
+
+
+
+
+
+
+
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/footer.php b/code/ryzom/tools/server/ryzom_ams/www/html/footer.php
new file mode 100644
index 000000000..e7053a9c6
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/footer.php
@@ -0,0 +1,121 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ File Manager
+ +
+
+
+
+ As its a demo, you currently have read-only permission, in your server you may do everything like, upload or delete. It will work on a server only.
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/form.php b/code/ryzom/tools/server/ryzom_ams/www/html/form.php new file mode 100644 index 000000000..fce48a142 --- /dev/null +++ b/code/ryzom/tools/server/ryzom_ams/www/html/form.php @@ -0,0 +1,333 @@ + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ Form Elements
+ +
+
+
+
+
+
+
+
+
+
+
+
+ Form Elements
+ +
+
+
+
+
+
+
+
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/gallery.php b/code/ryzom/tools/server/ryzom_ams/www/html/gallery.php
new file mode 100644
index 000000000..a822e00ab
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/gallery.php
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+ Form Elements
+ +
+
+
+
+
+
+
+
+
+
+
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/grid.php b/code/ryzom/tools/server/ryzom_ams/www/html/grid.php
new file mode 100644
index 000000000..cd278aa3d
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/grid.php
@@ -0,0 +1,240 @@
+
+
+
+
+
+
+
+
+ Gallery
+ +
+
+
+ + +
++
-
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Grid 12
+ +
+
+
+
+
+
+
+ span 4
span 4
span 4
+
+
+
+
+
+
+ Grid 3
+ +
+
+
+
+
+
+
+ span 4
span 4
span 4
+
+
+
+ Grid 3
+ +
+
+
+
+
+
+
+ span 4
span 4
span 4
+
+
+
+ Grid 3
+ +
+
+
+
+
+
+
+ span 4
span 4
span 4
+
+
+
+ Plain
+
+
+
+
+
+
+
+ span 4
span 4
span 4
+
+
+
+
+
+
+ Grid 6
+ +
+
+
+
+
+
+
+ span 4
span 4
span 4
+
+
+
+ Grid 6
+ +
+
+
+
+
+
+
+ span 4
span 4
span 4
+
+
+
+
+
+
+
+ Grid 4
+ +
+
+
+
+
+
+
+ span 4
span 4
span 4
+
+
+
+
+ Grid 4
+ +
+
+
+
+
+
+
+ span 4
span 4
span 4
+
+
+
+ Grid 4
+ +
+
+
+
+
+
+
+ span 4
span 4
span 4
+
+
+
+
+
+
+ Box less area
+The flat boxes can be created using grids. But you can also use grids inside grids, which makes the layout 100% flexible!
+
+
+
+ 1
+ 1
+ 1
+ 1
+ 1
+ 1
+ 1
+ 1
+ 1
+ 1
+ 1
+ 1
+
+
+
+ 4
+ 4
+ 4
+
+
+
+ 3
+ 3
+ 3
+ 3
+
+
+
+ 4
+ 8
+
+
+
+ 6
+ 6
+
+
+
+
+
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/header.php b/code/ryzom/tools/server/ryzom_ams/www/html/header.php
new file mode 100644
index 000000000..dcf5cb115
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/header.php
@@ -0,0 +1,158 @@
+
+
+
+
+
+ 12
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/icon.php b/code/ryzom/tools/server/ryzom_ams/www/html/icon.php
new file mode 100644
index 000000000..071b4252d
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/icon.php
@@ -0,0 +1,355 @@
+
+
+
+ '
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-scrollspy.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-scrollspy.js
new file mode 100644
index 000000000..dce371812
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-scrollspy.js
@@ -0,0 +1,151 @@
+/* =============================================================
+ * bootstrap-scrollspy.js v2.0.4
+ * http://twitter.github.com/bootstrap/javascript.html#scrollspy
+ * =============================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============================================================== */
+
+
+!function ($) {
+
+ "use strict"; // jshint ;_;
+
+
+ /* SCROLLSPY CLASS DEFINITION
+ * ========================== */
+
+ function ScrollSpy( element, options) {
+ var process = $.proxy(this.process, this)
+ , $element = $(element).is('body') ? $(window) : $(element)
+ , href
+ this.options = $.extend({}, $.fn.scrollspy.defaults, options)
+ this.$scrollElement = $element.on('scroll.scroll.data-api', process)
+ this.selector = (this.options.target
+ || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+ || '') + ' .nav li > a'
+ this.$body = $('body')
+ this.refresh()
+ this.process()
+ }
+
+ ScrollSpy.prototype = {
+
+ constructor: ScrollSpy
+
+ , refresh: function () {
+ var self = this
+ , $targets
+
+ this.offsets = $([])
+ this.targets = $([])
+
+ $targets = this.$body
+ .find(this.selector)
+ .map(function () {
+ var $el = $(this)
+ , href = $el.data('target') || $el.attr('href')
+ , $href = /^#\w/.test(href) && $(href)
+ return ( $href
+ && href.length
+ && [[ $href.position().top, href ]] ) || null
+ })
+ .sort(function (a, b) { return a[0] - b[0] })
+ .each(function () {
+ self.offsets.push(this[0])
+ self.targets.push(this[1])
+ })
+ }
+
+ , process: function () {
+ var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
+ , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
+ , maxScroll = scrollHeight - this.$scrollElement.height()
+ , offsets = this.offsets
+ , targets = this.targets
+ , activeTarget = this.activeTarget
+ , i
+
+ if (scrollTop >= maxScroll) {
+ return activeTarget != (i = targets.last()[0])
+ && this.activate ( i )
+ }
+
+ for (i = offsets.length; i--;) {
+ activeTarget != targets[i]
+ && scrollTop >= offsets[i]
+ && (!offsets[i + 1] || scrollTop <= offsets[i + 1])
+ && this.activate( targets[i] )
+ }
+ }
+
+ , activate: function (target) {
+ var active
+ , selector
+
+ this.activeTarget = target
+
+ $(this.selector)
+ .parent('.active')
+ .removeClass('active')
+
+ selector = this.selector
+ + '[data-target="' + target + '"],'
+ + this.selector + '[href="' + target + '"]'
+
+ active = $(selector)
+ .parent('li')
+ .addClass('active')
+
+ if (active.parent('.dropdown-menu')) {
+ active = active.closest('li.dropdown').addClass('active')
+ }
+
+ active.trigger('activate')
+ }
+
+ }
+
+
+ /* SCROLLSPY PLUGIN DEFINITION
+ * =========================== */
+
+ $.fn.scrollspy = function ( option ) {
+ return this.each(function () {
+ var $this = $(this)
+ , data = $this.data('scrollspy')
+ , options = typeof option == 'object' && option
+ if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.scrollspy.Constructor = ScrollSpy
+
+ $.fn.scrollspy.defaults = {
+ offset: 10
+ }
+
+
+ /* SCROLLSPY DATA-API
+ * ================== */
+
+ $(function () {
+ $('[data-spy="scroll"]').each(function () {
+ var $spy = $(this)
+ $spy.scrollspy($spy.data())
+ })
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-tab.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-tab.js
new file mode 100644
index 000000000..d87f35099
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-tab.js
@@ -0,0 +1,135 @@
+/* ========================================================
+ * bootstrap-tab.js v2.0.4
+ * http://twitter.github.com/bootstrap/javascript.html#tabs
+ * ========================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================== */
+
+
+!function ($) {
+
+ "use strict"; // jshint ;_;
+
+
+ /* TAB CLASS DEFINITION
+ * ==================== */
+
+ var Tab = function ( element ) {
+ this.element = $(element)
+ }
+
+ Tab.prototype = {
+
+ constructor: Tab
+
+ , show: function () {
+ var $this = this.element
+ , $ul = $this.closest('ul:not(.dropdown-menu)')
+ , selector = $this.attr('data-target')
+ , previous
+ , $target
+ , e
+
+ if (!selector) {
+ selector = $this.attr('href')
+ selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+ }
+
+ if ( $this.parent('li').hasClass('active') ) return
+
+ previous = $ul.find('.active a').last()[0]
+
+ e = $.Event('show', {
+ relatedTarget: previous
+ })
+
+ $this.trigger(e)
+
+ if (e.isDefaultPrevented()) return
+
+ $target = $(selector)
+
+ this.activate($this.parent('li'), $ul)
+ this.activate($target, $target.parent(), function () {
+ $this.trigger({
+ type: 'shown'
+ , relatedTarget: previous
+ })
+ })
+ }
+
+ , activate: function ( element, container, callback) {
+ var $active = container.find('> .active')
+ , transition = callback
+ && $.support.transition
+ && $active.hasClass('fade')
+
+ function next() {
+ $active
+ .removeClass('active')
+ .find('> .dropdown-menu > .active')
+ .removeClass('active')
+
+ element.addClass('active')
+
+ if (transition) {
+ element[0].offsetWidth // reflow for transition
+ element.addClass('in')
+ } else {
+ element.removeClass('fade')
+ }
+
+ if ( element.parent('.dropdown-menu') ) {
+ element.closest('li.dropdown').addClass('active')
+ }
+
+ callback && callback()
+ }
+
+ transition ?
+ $active.one($.support.transition.end, next) :
+ next()
+
+ $active.removeClass('in')
+ }
+ }
+
+
+ /* TAB PLUGIN DEFINITION
+ * ===================== */
+
+ $.fn.tab = function ( option ) {
+ return this.each(function () {
+ var $this = $(this)
+ , data = $this.data('tab')
+ if (!data) $this.data('tab', (data = new Tab(this)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.tab.Constructor = Tab
+
+
+ /* TAB DATA-API
+ * ============ */
+
+ $(function () {
+ $('body').on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
+ e.preventDefault()
+ $(this).tab('show')
+ })
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-toggle.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-toggle.js
new file mode 100644
index 000000000..dfad8744c
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-toggle.js
@@ -0,0 +1,99 @@
+/**
+ * bootstrap-toggle.js v1.0
+ * http://github.com/Nijikokun/bootstrap-toggle/
+ * --
+ * http://twitter.com/nijikokun
+ * Copyright 2012 Nijiko Yonskai, Goodybag Inc
+ * --
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+!function ($) {
+
+ var Toggle = function (element, options) {
+ var self = this;
+
+ // Collect elements
+ this.$element = $(element)
+ this.$checkbox = this.$element.children('.checkbox')
+ this.options = $.extend({}, $.fn.toggle.defaults, options)
+
+ // Initial Setup from options
+ if(this.options.text.enabled) this.$element.attr('data-enabled', this.options.text.enabled)
+ if(this.options.text.disabled) this.$element.attr('data-disabled', this.options.text.disabled)
+
+ // setup state
+ this.setState(this.$checkbox.is(':checked'))
+
+ // Setup Click
+ this.$element.click(function (e) {
+ if(self.options.onClick) self.options.onClick(e, self.$checkbox.is(':checked'))
+ self.toggle()
+ });
+ }
+
+ Toggle.prototype.setState = function (state) {
+ // change checkbox state
+ this.$checkbox.attr('checked', state)
+
+ if(state) {
+ this.$element.removeClass('disabled')
+ if(this.options.style.disabled)
+ this.$element.removeClass('disabled-' + this.options.style.disabled)
+ if(this.options.style.enabled)
+ this.$element.addClass(this.options.style.enabled)
+ } else {
+ this.$element.addClass('disabled')
+ if(this.options.style.enabled)
+ this.$element.removeClass(this.options.style.enabled)
+ if(this.options.style.disabled)
+ this.$element.addClass('disabled-' + this.options.style.disabled)
+ }
+ }
+
+ Toggle.prototype.on = function () {
+ this.setState(true)
+ }
+
+ Toggle.prototype.off = function () {
+ this.setState(false)
+ }
+
+ Toggle.prototype.toggle = function () {
+ var status = this.$checkbox.is(':checked')
+
+ // Toggle status
+ this.setState(!status)
+ }
+
+ /*
+ * Toggle Definition
+ */
+ $.fn.toggle = function (options) {
+ return new Toggle(this, typeof options == 'object' ? options : {})
+ }
+
+ $.fn.toggle.defaults = {
+ onClick: function () {},
+ text: {
+ enabled: false,
+ disabled: false
+ },
+ style: {
+ enabled: false,
+ disabled: false
+ }
+ }
+
+ $.fn.toggle.Constructor = Toggle
+}(window.jQuery);
\ No newline at end of file
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-tooltip.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-tooltip.js
new file mode 100644
index 000000000..b476f1c4e
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-tooltip.js
@@ -0,0 +1,275 @@
+/* ===========================================================
+ * bootstrap-tooltip.js v2.0.4
+ * http://twitter.github.com/bootstrap/javascript.html#tooltips
+ * Inspired by the original jQuery.tipsy by Jason Frame
+ * ===========================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================== */
+
+
+!function ($) {
+
+ "use strict"; // jshint ;_;
+
+
+ /* TOOLTIP PUBLIC CLASS DEFINITION
+ * =============================== */
+
+ var Tooltip = function (element, options) {
+ this.init('tooltip', element, options)
+ }
+
+ Tooltip.prototype = {
+
+ constructor: Tooltip
+
+ , init: function (type, element, options) {
+ var eventIn
+ , eventOut
+
+ this.type = type
+ this.$element = $(element)
+ this.options = this.getOptions(options)
+ this.enabled = true
+
+ if (this.options.trigger != 'manual') {
+ eventIn = this.options.trigger == 'hover' ? 'mouseenter' : 'focus'
+ eventOut = this.options.trigger == 'hover' ? 'mouseleave' : 'blur'
+ this.$element.on(eventIn, this.options.selector, $.proxy(this.enter, this))
+ this.$element.on(eventOut, this.options.selector, $.proxy(this.leave, this))
+ }
+
+ this.options.selector ?
+ (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
+ this.fixTitle()
+ }
+
+ , getOptions: function (options) {
+ options = $.extend({}, $.fn[this.type].defaults, options, this.$element.data())
+
+ if (options.delay && typeof options.delay == 'number') {
+ options.delay = {
+ show: options.delay
+ , hide: options.delay
+ }
+ }
+
+ return options
+ }
+
+ , enter: function (e) {
+ var self = $(e.currentTarget)[this.type](this._options).data(this.type)
+
+ if (!self.options.delay || !self.options.delay.show) return self.show()
+
+ clearTimeout(this.timeout)
+ self.hoverState = 'in'
+ this.timeout = setTimeout(function() {
+ if (self.hoverState == 'in') self.show()
+ }, self.options.delay.show)
+ }
+
+ , leave: function (e) {
+ var self = $(e.currentTarget)[this.type](this._options).data(this.type)
+
+ if (this.timeout) clearTimeout(this.timeout)
+ if (!self.options.delay || !self.options.delay.hide) return self.hide()
+
+ self.hoverState = 'out'
+ this.timeout = setTimeout(function() {
+ if (self.hoverState == 'out') self.hide()
+ }, self.options.delay.hide)
+ }
+
+ , show: function () {
+ var $tip
+ , inside
+ , pos
+ , actualWidth
+ , actualHeight
+ , placement
+ , tp
+
+ if (this.hasContent() && this.enabled) {
+ $tip = this.tip()
+ this.setContent()
+
+ if (this.options.animation) {
+ $tip.addClass('fade')
+ }
+
+ placement = typeof this.options.placement == 'function' ?
+ this.options.placement.call(this, $tip[0], this.$element[0]) :
+ this.options.placement
+
+ inside = /in/.test(placement)
+
+ $tip
+ .remove()
+ .css({ top: 0, left: 0, display: 'block' })
+ .appendTo(inside ? this.$element : document.body)
+
+ pos = this.getPosition(inside)
+
+ actualWidth = $tip[0].offsetWidth
+ actualHeight = $tip[0].offsetHeight
+
+ switch (inside ? placement.split(' ')[1] : placement) {
+ case 'bottom':
+ tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}
+ break
+ case 'top':
+ tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}
+ break
+ case 'left':
+ tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}
+ break
+ case 'right':
+ tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}
+ break
+ }
+
+ $tip
+ .css(tp)
+ .addClass(placement)
+ .addClass('in')
+ }
+ }
+
+ , isHTML: function(text) {
+ // html string detection logic adapted from jQuery
+ return typeof text != 'string'
+ || ( text.charAt(0) === "<"
+ && text.charAt( text.length - 1 ) === ">"
+ && text.length >= 3
+ ) || /^(?:[^<]*<[\w\W]+>[^>]*$)/.exec(text)
+ }
+
+ , setContent: function () {
+ var $tip = this.tip()
+ , title = this.getTitle()
+
+ $tip.find('.tooltip-inner')[this.isHTML(title) ? 'html' : 'text'](title)
+ $tip.removeClass('fade in top bottom left right')
+ }
+
+ , hide: function () {
+ var that = this
+ , $tip = this.tip()
+
+ $tip.removeClass('in')
+
+ function removeWithAnimation() {
+ var timeout = setTimeout(function () {
+ $tip.off($.support.transition.end).remove()
+ }, 500)
+
+ $tip.one($.support.transition.end, function () {
+ clearTimeout(timeout)
+ $tip.remove()
+ })
+ }
+
+ $.support.transition && this.$tip.hasClass('fade') ?
+ removeWithAnimation() :
+ $tip.remove()
+ }
+
+ , fixTitle: function () {
+ var $e = this.$element
+ if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
+ $e.attr('data-original-title', $e.attr('title') || '').removeAttr('title')
+ }
+ }
+
+ , hasContent: function () {
+ return this.getTitle()
+ }
+
+ , getPosition: function (inside) {
+ return $.extend({}, (inside ? {top: 0, left: 0} : this.$element.offset()), {
+ width: this.$element[0].offsetWidth
+ , height: this.$element[0].offsetHeight
+ })
+ }
+
+ , getTitle: function () {
+ var title
+ , $e = this.$element
+ , o = this.options
+
+ title = $e.attr('data-original-title')
+ || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
+
+ return title
+ }
+
+ , tip: function () {
+ return this.$tip = this.$tip || $(this.options.template)
+ }
+
+ , validate: function () {
+ if (!this.$element[0].parentNode) {
+ this.hide()
+ this.$element = null
+ this.options = null
+ }
+ }
+
+ , enable: function () {
+ this.enabled = true
+ }
+
+ , disable: function () {
+ this.enabled = false
+ }
+
+ , toggleEnabled: function () {
+ this.enabled = !this.enabled
+ }
+
+ , toggle: function () {
+ this[this.tip().hasClass('in') ? 'hide' : 'show']()
+ }
+
+ }
+
+
+ /* TOOLTIP PLUGIN DEFINITION
+ * ========================= */
+
+ $.fn.tooltip = function ( option ) {
+ return this.each(function () {
+ var $this = $(this)
+ , data = $this.data('tooltip')
+ , options = typeof option == 'object' && option
+ if (!data) $this.data('tooltip', (data = new Tooltip(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.tooltip.Constructor = Tooltip
+
+ $.fn.tooltip.defaults = {
+ animation: true
+ , placement: 'top'
+ , selector: false
+ , template: '
'+j+'')
+ .insertBefore( $('li:last', an[i])[0] )
+ .bind('click', function (e) {
+ e.preventDefault();
+ oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
+ fnDraw( oSettings );
+ } );
+ }
+
+ // add / remove disabled classes from the static elements
+ if ( oPaging.iPage === 0 ) {
+ $('li:first', an[i]).addClass('disabled');
+ } else {
+ $('li:first', an[i]).removeClass('disabled');
+ }
+
+ if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
+ $('li:last', an[i]).addClass('disabled');
+ } else {
+ $('li:last', an[i]).removeClass('disabled');
+ }
+ }
+ }
+ }
+});
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/excanvas.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/excanvas.js
new file mode 100644
index 000000000..c40d6f701
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/excanvas.js
@@ -0,0 +1,1427 @@
+// Copyright 2006 Google Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+// Known Issues:
+//
+// * Patterns only support repeat.
+// * Radial gradient are not implemented. The VML version of these look very
+// different from the canvas one.
+// * Clipping paths are not implemented.
+// * Coordsize. The width and height attribute have higher priority than the
+// width and height style values which isn't correct.
+// * Painting mode isn't implemented.
+// * Canvas width/height should is using content-box by default. IE in
+// Quirks mode will draw the canvas using border-box. Either change your
+// doctype to HTML5
+// (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype)
+// or use Box Sizing Behavior from WebFX
+// (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html)
+// * Non uniform scaling does not correctly scale strokes.
+// * Filling very large shapes (above 5000 points) is buggy.
+// * Optimize. There is always room for speed improvements.
+
+// Only add this code if we do not already have a canvas implementation
+if (!document.createElement('canvas').getContext) {
+
+(function() {
+
+ // alias some functions to make (compiled) code shorter
+ var m = Math;
+ var mr = m.round;
+ var ms = m.sin;
+ var mc = m.cos;
+ var abs = m.abs;
+ var sqrt = m.sqrt;
+
+ // this is used for sub pixel precision
+ var Z = 10;
+ var Z2 = Z / 2;
+
+ /**
+ * This funtion is assigned to the
+
+
+
+
+
+
+
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-1.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-1.gif
new file mode 100644
index 000000000..09d621ede
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-1.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-2.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-2.gif
new file mode 100644
index 000000000..40e389014
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-2.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-3.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-3.gif
new file mode 100644
index 000000000..408af5cf2
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-3.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-4.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-4.gif
new file mode 100644
index 000000000..2fd8e0737
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-4.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-5.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-5.gif
new file mode 100644
index 000000000..d8530e78b
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-5.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-6.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-6.gif
new file mode 100644
index 000000000..e147f3ec4
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-6.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-7.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-7.gif
new file mode 100644
index 000000000..d84f65378
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-7.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-8.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-8.gif
new file mode 100644
index 000000000..72fb406d9
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ajax-loaders/ajax-loader-8.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/arrows-active.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/arrows-active.png
new file mode 100644
index 000000000..2ad710945
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/arrows-active.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/arrows-normal.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/arrows-normal.png
new file mode 100644
index 000000000..9d8b4d2a8
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/arrows-normal.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/bg-input-focus.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/bg-input-focus.png
new file mode 100644
index 000000000..0b059d48d
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/bg-input-focus.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/bg-input.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/bg-input.png
new file mode 100644
index 000000000..485d222eb
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/bg-input.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/border.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/border.png
new file mode 100644
index 000000000..df13bb6da
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/border.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/buttons.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/buttons.gif
new file mode 100644
index 000000000..2e464d0c8
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/buttons.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/cancel-off.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/cancel-off.png
new file mode 100644
index 000000000..a3031f055
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/cancel-off.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/cancel-on.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/cancel-on.png
new file mode 100644
index 000000000..08f249365
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/cancel-on.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/chosen-sprite.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/chosen-sprite.png
new file mode 100644
index 000000000..113dc9885
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/chosen-sprite.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/controls.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/controls.png
new file mode 100644
index 000000000..65cfd1dc9
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/controls.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/crop.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/crop.gif
new file mode 100644
index 000000000..72ea7ccb5
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/crop.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/dialogs.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/dialogs.png
new file mode 100644
index 000000000..2d09188c8
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/dialogs.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/error_bg.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/error_bg.png
new file mode 100644
index 000000000..e9f8a4328
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/error_bg.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/favicon.ico b/code/ryzom/tools/server/ryzom_ams/www/html/img/favicon.ico
new file mode 100644
index 000000000..b1b83939e
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/favicon.ico differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/glyphicons-halflings-white.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/glyphicons-halflings-white.png
new file mode 100644
index 000000000..3bf6484a2
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/glyphicons-halflings-white.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/glyphicons-halflings.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/glyphicons-halflings.png
new file mode 100644
index 000000000..79bc568c2
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/glyphicons-halflings.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/icons-big.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/icons-big.png
new file mode 100644
index 000000000..00be0a6b0
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/icons-big.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/icons-small.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/icons-small.png
new file mode 100644
index 000000000..95849dce2
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/icons-small.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/off.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/off.png
new file mode 100644
index 000000000..f414051ec
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/off.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/on.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/on.png
new file mode 100644
index 000000000..94425e584
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/on.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider.png
new file mode 100644
index 000000000..80e05ff2d
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider_center.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider_center.png
new file mode 100644
index 000000000..310fc8ccc
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider_center.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider_left.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider_left.png
new file mode 100644
index 000000000..51576ce35
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider_left.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider_right.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider_right.png
new file mode 100644
index 000000000..447d94a6c
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/iphone-style-checkboxes/slider_right.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/loading.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/loading.gif
new file mode 100644
index 000000000..b4695d811
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/loading.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/loading_background.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/loading_background.png
new file mode 100644
index 000000000..9de11f467
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/loading_background.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/logo.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/logo.png
new file mode 100644
index 000000000..932fa3c98
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/logo.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/logo20.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/logo20.png
new file mode 100644
index 000000000..51ae5a758
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/logo20.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-black16.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-black16.png
new file mode 100644
index 000000000..2ac683b5e
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-black16.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-black32.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-black32.png
new file mode 100644
index 000000000..3561f071d
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-black32.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-blue16.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-blue16.png
new file mode 100644
index 000000000..afbf0bb28
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-blue16.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-blue32.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-blue32.png
new file mode 100644
index 000000000..75f81b02b
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-blue32.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-color16.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-color16.png
new file mode 100644
index 000000000..f2a20049f
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-color16.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-color32.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-color32.png
new file mode 100644
index 000000000..15b9e142c
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-color32.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-darkgray16.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-darkgray16.png
new file mode 100644
index 000000000..1c1d5a6d7
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-darkgray16.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-darkgray32.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-darkgray32.png
new file mode 100644
index 000000000..3561f071d
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-darkgray32.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-gray16.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-gray16.png
new file mode 100644
index 000000000..569b45344
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-gray16.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-gray32.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-gray32.png
new file mode 100644
index 000000000..1b28c99f5
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-gray32.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-green16.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-green16.png
new file mode 100644
index 000000000..8595b347e
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-green16.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-green32.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-green32.png
new file mode 100644
index 000000000..354dd99f0
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-green32.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-orange16.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-orange16.png
new file mode 100644
index 000000000..08899ea45
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-orange16.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-orange32.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-orange32.png
new file mode 100644
index 000000000..33912e0ab
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-orange32.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-red16.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-red16.png
new file mode 100644
index 000000000..3f1ddfd66
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-red16.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-red32.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-red32.png
new file mode 100644
index 000000000..43f9aa765
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-red32.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-white16.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-white16.png
new file mode 100644
index 000000000..dc0cd76e2
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-white16.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-white32.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-white32.png
new file mode 100644
index 000000000..849a610ff
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/opa-icons-white32.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/progress.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/progress.gif
new file mode 100644
index 000000000..8bab11e35
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/progress.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/qrcode.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/qrcode.png
new file mode 100644
index 000000000..b20eac77d
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/qrcode.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/qrcode136.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/qrcode136.png
new file mode 100644
index 000000000..84afd8dc1
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/qrcode136.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/quicklook-bg.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/quicklook-bg.png
new file mode 100644
index 000000000..aedeadd63
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/quicklook-bg.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/quicklook-icons.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/quicklook-icons.png
new file mode 100644
index 000000000..76df30c99
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/quicklook-icons.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/resize.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/resize.png
new file mode 100644
index 000000000..6ec17cd35
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/resize.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/spinner-mini.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/spinner-mini.gif
new file mode 100644
index 000000000..5b33f7e54
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/spinner-mini.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/sprite.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/sprite.png
new file mode 100644
index 000000000..66b558fc6
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/sprite.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/star-half.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/star-half.png
new file mode 100644
index 000000000..3c19e90a8
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/star-half.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/star-off.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/star-off.png
new file mode 100644
index 000000000..956fa7c63
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/star-off.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/star-on.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/star-on.png
new file mode 100644
index 000000000..975fe7f32
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/star-on.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/thumb.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/thumb.png
new file mode 100644
index 000000000..c6f88fa57
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/thumb.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/toolbar.gif b/code/ryzom/tools/server/ryzom_ams/www/html/img/toolbar.gif
new file mode 100644
index 000000000..e6eb2da55
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/toolbar.gif differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/toolbar.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/toolbar.png
new file mode 100644
index 000000000..3b51326db
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/toolbar.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_flat_0_aaaaaa_40x100.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_flat_0_aaaaaa_40x100.png
new file mode 100644
index 000000000..5b5dab2ab
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_flat_0_aaaaaa_40x100.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_flat_75_ffffff_40x100.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_flat_75_ffffff_40x100.png
new file mode 100644
index 000000000..ac8b229af
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_flat_75_ffffff_40x100.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_55_fbf9ee_1x400.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_55_fbf9ee_1x400.png
new file mode 100644
index 000000000..ad3d6346e
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_55_fbf9ee_1x400.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_65_ffffff_1x400.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_65_ffffff_1x400.png
new file mode 100644
index 000000000..42ccba269
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_65_ffffff_1x400.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_75_dadada_1x400.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_75_dadada_1x400.png
new file mode 100644
index 000000000..5a46b47cb
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_75_dadada_1x400.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_75_e6e6e6_1x400.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_75_e6e6e6_1x400.png
new file mode 100644
index 000000000..86c2baa65
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_75_e6e6e6_1x400.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_95_fef1ec_1x400.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_95_fef1ec_1x400.png
new file mode 100644
index 000000000..4443fdc1a
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_glass_95_fef1ec_1x400.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_highlight-soft_75_cccccc_1x100.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_highlight-soft_75_cccccc_1x100.png
new file mode 100644
index 000000000..7c9fa6c6e
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-bg_highlight-soft_75_cccccc_1x100.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_222222_256x240.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_222222_256x240.png
new file mode 100644
index 000000000..b273ff111
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_222222_256x240.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_2e83ff_256x240.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_2e83ff_256x240.png
new file mode 100644
index 000000000..09d1cdc85
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_2e83ff_256x240.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_454545_256x240.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_454545_256x240.png
new file mode 100644
index 000000000..59bd45b90
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_454545_256x240.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_888888_256x240.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_888888_256x240.png
new file mode 100644
index 000000000..6d02426c1
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_888888_256x240.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_cd0a0a_256x240.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_cd0a0a_256x240.png
new file mode 100644
index 000000000..2ab019b73
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/ui-icons_cd0a0a_256x240.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/img/uploadify-cancel.png b/code/ryzom/tools/server/ryzom_ams/www/html/img/uploadify-cancel.png
new file mode 100644
index 000000000..35682b010
Binary files /dev/null and b/code/ryzom/tools/server/ryzom_ams/www/html/img/uploadify-cancel.png differ
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/index.php b/code/ryzom/tools/server/ryzom_ams/www/html/index.php
index 9556f50c7..754a82e01 100644
--- a/code/ryzom/tools/server/ryzom_ams/www/html/index.php
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/index.php
@@ -1,20 +1,329 @@
-
+
+
+
+
+
+
+
+ Icons
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+ Icons Graciously provided by Glyphicons
++ +
+
+
+
+
+ Built as a sprite
+Instead of making every icon an extra request, we've compiled them into a sprite—a bunch of images in one file that uses CSS to position the images with background-position. This is the same method we use on Twitter.com and it has worked well for us.
All icons classes are prefixed with .icon- for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.
+
+ How to use
+Bootstrap uses an <i> tag for all icons, but they have no case class—only a shared prefix. To use, place the following code just about anywhere:
<i class="icon-search"></i>+
There are also styles available for inverted (white) icons, made ready with one extra class:
+<i class="icon-search icon-white"></i>+
In dark themes (Cyborg and Slate) normal icons become white and icon-white become black.
+ There are 140 classes to choose from for your icons. Just add an <i> tag with the right classes and you're set. You can find the full list in sprites.less or right here in this document.
+ Heads up!
+ When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i> tag for proper spacing.
+
+
+ Use cases
+Icons are great, but where would one use them? Here are a few ideas:
+-
+
- As visuals for your sidebar navigation +
- For a purely icon-driven navigation +
- For buttons to help convey the meaning of an action +
- With links to share context on a user's destination +
Essentially, anywhere you can put an <i> tag, you can put an icon.
Examples
+Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.
+ +
+
+ More Icons Icon sets from the Opa library
+
+
+
+
+ Icon sets
+Default icon set has gray style suitable for white and light backgrounds, but a number of functional classes can be applied for different icon color styles.
+ These classes include a 5-color (blue, green, red, yellow and gray) .icon-color class, a black .icon-black class, a white .icon-white class, and a dark-gray .icon-darkgray class.
+
+
+
+
+ Default Icon Sets
+Default icon classes .icon or .icon32 are best suitable for white and light backgrounds.
16x16 pixels icon set
+Set .icon class for 16x16 pixels icon followed by a class corresponding to the chosen image.
<span class="icon icon-home"/>+
+
32x32 pixels icon set
Set .icon32 class for 32x32 pixels icon followed by a class corresponding to the chosen image.
<span class="icon32 icon-user"/>
Special class for the whole section
To use gray icon set for the whole section set .icons-gray class on the parent element.
<div class="icons-gray"> + <span class="icon icon-add"/> + <span class="icon icon-remove"/> +</div> ++
Dark-gray Icon Sets
Dark-gray icon sets are used for default :hover effect.
+ The .icon-darkgray class should be used for the icons on light and middle gray backgrounds.
16x16 pixels icon set
Set .icon class for 16x16 pixels icon, then .icon-darkgray class for color and a class corresponding to the chosen image.
<span class="icon icon-darkgray icon-add"/>
32x32 pixels icon set
Set .icon32 class for 32x32 pixels icon, then .icon-darkgray class for color and a class corresponding to the chosen image.
<span class="icon32 icon-darkgray icon-remove"/>
Special class for the whole section
To use dark-gray icon set for the whole section set .icons-darkgray class on the parent element.
<div class="icons-darkgray"> + <span class="icon icon-add"/> + <span class="icon icon-remove"/> +</div>
Color Icon Sets
Color icon sets are used for default .active icon effect.
+ The .icon-color class should be used for the icons on white and light backgrounds.
16x16 pixels icon set
Set .icon class for 16x16 pixels icon, then .icon-color class for color and a class corresponding to the chosen image.
<span class="icon icon-color icon-triangle-n"/>
32x32 pixels icon set
Set .icon32 class for 32x32 pixels icon, then .icon-color class for color and a class corresponding to the chosen image.
<span class="icon32 icon-color icon-triangle-s"/>
Special class for the whole section
To use color icon set for the whole section set .icons-color
+ class on the parent element.
<div class="icons-color"> + <span class="icon icon-triangle-n"/> + <span class="icon icon-triangle-s"/> +</div>
Black Icon Sets
The .icon-black class could be used for the icons on light and middle gray backgrounds.
16x16 pixels icon set
Set .icon class for 16x16 pixels icon, then .icon-black class for color and a class corresponding to the chosen image.
<span class="icon icon-black icon-folder-open"/>
32x32 pixels icon set
Set .icon32 class for 32x32 pixels icon, then .icon-black class for color and a class corresponding to the chosen image.
<span class="icon32 icon-black icon-folder-collapsed"/>
Special class for the whole section
To use black icon set for the whole section set .icons-black
+ class on the parent element.
<div class="icons-black"> + <span class="icon icon-folder-open"/> + <span class="icon icon-folder-collapsed"/> +</div>+
White Icon Sets
The .icon-white class should be used for the icons on vivid and dark backgrounds.
16x16 pixels icon set
Set .icon class for 16x16 pixels icon, then .icon-white class for color and a class corresponding to the chosen image.
<span class="icon icon-white icon-bullet-on"/>
32x32 pixels icon set
Set .icon32 class for 32x32 pixels icon, then .icon-white class for color and a class corresponding to the chosen image.
<span class="icon32 icon-white icon-bullet-off"/>
Special class for the whole section
To use white icon set for the whole section set .icons-white class on the parent element.
<div class="icons-white"> + <span class="icon icon-bullet-on"/> + <span class="icon icon-bullet-off"/> +</div>+
Blue Icon Sets
The .icon-blue class could be used for the icons on light or dark backgrounds.
16x16 pixels icon set
Set .icon class for 16x16 pixels icon, then .icon-blue class for color and a class corresponding to the chosen image.
<span class="icon icon-blue icon-carat-1-n"/>
32x32 pixels icon set
Set .icon32 class for 32x32 pixels icon, then .icon-blue class for color and a class corresponding to the chosen image.
<span class="icon32 icon-blue icon-carat-1-s"/>
Special class for the whole section
To use blue icon set for the whole section set .icons-blue
+ class on the parent element.
<div class="icons-blue"> + <span class="icon icon-carat-1-n"/> + <span class="icon icon-carat-1-s"/> +</div>+
Green Icon Sets
The .icon-green class could be used for the icons on light or dark backgrounds.
16x16 pixels icon set
Set .icon class for 16x16 pixels icon, then .icon-green class for color and a class corresponding to the chosen image.
<span class="icon icon-green icon-arrow-e"/>
32x32 pixels icon set
Set .icon32 class for 32x32 pixels icon, then .icon-green class for color and a class corresponding to the chosen image.
<span class="icon32 icon-green icon-arrow-w"/>
Special class for the whole section
To use green icon set for the whole section set .icons-green
+ class on the parent element.
<div class="icons-green"> + <span class="icon icon-arrow-e"/> + <span class="icon icon-arrow-w"/> +</div>+
Red Icon Sets
The .icon-red class could be used for the icons on light or dark backgrounds.
16x16 pixels icon set
Set .icon class for 16x16 pixels icon, then .icon-red class for color and a class corresponding to the chosen image.
<span class="icon icon-red icon-arrowthick-ne"/>
32x32 pixels icon set
Set .icon32 class for 32x32 pixels icon, then .icon-red class for color and a class corresponding to the chosen image.
<span class="icon32 icon-red icon-arrowthick-sw"/>
Special class for the whole section
To use red icon set for the whole section set .icons-red
+ class on the parent element.
<div class="icons-red"> + <span class="icon icon-arrowthick-ne"/> + <span class="icon icon-arrowthick-sw"/> +</div>+
Orange Icon Sets
The .icon-orange class could be used for the icons on light or dark backgrounds.
16x16 pixels icon set
Set .icon class for 16x16 pixels icon, then .icon-orange class for color and a class corresponding to the chosen image.
<span class="icon icon-orange icon-undo"/>
32x32 pixels icon set
Set .icon32 class for 32x32 pixels icon, then .icon-orange class for color and a class corresponding to the chosen image.
<span class="icon32 icon-orange icon-redo"/>
Special class for the whole section
To use orange icon set for the whole section set .icons-orange
+ class on the parent element.
<div class="icons-orange"> + <span class="icon icon-undo"/> + <span class="icon icon-redo"/> +</div>+
+
+
+
+
+
+
+
+ Total Members
+ 507
+ 6
+
+
+
+
+ Pro Members
+ 228
+ 4
+
+
+
+
+ Sales
+ $13320
+ $34
+
+
+
+
+ Messages
+ 25
+ 12
+
+
+
+
+
+
+
+
+ Introduction
+ +
+
+ Charisma free, premium quality, responsive, multiple skin admin template.
+Its a live demo of the template. I have created Charisma to ease the repeat work I have to do on my projects. Now I re-use Charisma as a base for my admin panel work and I am sharing it with you :)
+All pages in the menu are functional, take a look at all, please share this with your followers.
+ ++ Back to article + Download Page +
+ +
+
+
+
+
+
+
+
+ Tabs
+ +
+
+
+
+
+
+
+ 
+
+ Charisma a fully featued template
+Its a fully featured, responsive template for your admin panel. Its optimized for tablet and mobile phones. Scan the QR code below to view it in your mobile device.
+
+
+ Custom small text
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.
+
+
+ Messages small text
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor.
+
+
+
+
+
+ Member Activity
+ +
+
+
+
+ -
+
-
+
+
.png?s=50"> + Name: Usman +
+ Since: 17/05/2012
+ Status: Approved +
+ -
+
+
+ Since: 17/05/2012
+ Status: Pending +
+ -
+
+
+ Since: 25/05/2012
+ Status: Banned +
+ -
+
+
+ Since: 17/05/2012
+ Status: Updates +
+
+
+
+
+ Realtime Traffic
+ +
+
+
+ You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.
+Time between updates: milliseconds
+
+
+
+
+
+
+
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/index_old.php b/code/ryzom/tools/server/ryzom_ams/www/html/index_old.php
new file mode 100644
index 000000000..9556f50c7
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/index_old.php
@@ -0,0 +1,20 @@
+ (children.length - 1) || pos < 0) return
+
+ if (this.sliding) {
+ return this.$element.one('slid', function () {
+ that.to(pos)
+ })
+ }
+
+ if (activePos == pos) {
+ return this.pause().cycle()
+ }
+
+ return this.slide(pos > activePos ? 'next' : 'prev', $(children[pos]))
+ }
+
+ , pause: function (e) {
+ if (!e) this.paused = true
+ clearInterval(this.interval)
+ this.interval = null
+ return this
+ }
+
+ , next: function () {
+ if (this.sliding) return
+ return this.slide('next')
+ }
+
+ , prev: function () {
+ if (this.sliding) return
+ return this.slide('prev')
+ }
+
+ , slide: function (type, next) {
+ var $active = this.$element.find('.active')
+ , $next = next || $active[type]()
+ , isCycling = this.interval
+ , direction = type == 'next' ? 'left' : 'right'
+ , fallback = type == 'next' ? 'first' : 'last'
+ , that = this
+ , e = $.Event('slide')
+
+ this.sliding = true
+
+ isCycling && this.pause()
+
+ $next = $next.length ? $next : this.$element.find('.item')[fallback]()
+
+ if ($next.hasClass('active')) return
+
+ if ($.support.transition && this.$element.hasClass('slide')) {
+ this.$element.trigger(e)
+ if (e.isDefaultPrevented()) return
+ $next.addClass(type)
+ $next[0].offsetWidth // force reflow
+ $active.addClass(direction)
+ $next.addClass(direction)
+ this.$element.one($.support.transition.end, function () {
+ $next.removeClass([type, direction].join(' ')).addClass('active')
+ $active.removeClass(['active', direction].join(' '))
+ that.sliding = false
+ setTimeout(function () { that.$element.trigger('slid') }, 0)
+ })
+ } else {
+ this.$element.trigger(e)
+ if (e.isDefaultPrevented()) return
+ $active.removeClass('active')
+ $next.addClass('active')
+ this.sliding = false
+ this.$element.trigger('slid')
+ }
+
+ isCycling && this.cycle()
+
+ return this
+ }
+
+ }
+
+
+ /* CAROUSEL PLUGIN DEFINITION
+ * ========================== */
+
+ $.fn.carousel = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ , data = $this.data('carousel')
+ , options = $.extend({}, $.fn.carousel.defaults, typeof option == 'object' && option)
+ if (!data) $this.data('carousel', (data = new Carousel(this, options)))
+ if (typeof option == 'number') data.to(option)
+ else if (typeof option == 'string' || (option = options.slide)) data[option]()
+ else if (options.interval) data.cycle()
+ })
+ }
+
+ $.fn.carousel.defaults = {
+ interval: 5000
+ , pause: 'hover'
+ }
+
+ $.fn.carousel.Constructor = Carousel
+
+
+ /* CAROUSEL DATA-API
+ * ================= */
+
+ $(function () {
+ $('body').on('click.carousel.data-api', '[data-slide]', function ( e ) {
+ var $this = $(this), href
+ , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+ , options = !$target.data('modal') && $.extend({}, $target.data(), $this.data())
+ $target.carousel(options)
+ e.preventDefault()
+ })
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-collapse.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-collapse.js
new file mode 100644
index 000000000..fbc915b9f
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-collapse.js
@@ -0,0 +1,157 @@
+/* =============================================================
+ * bootstrap-collapse.js v2.0.4
+ * http://twitter.github.com/bootstrap/javascript.html#collapse
+ * =============================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============================================================ */
+
+
+!function ($) {
+
+ "use strict"; // jshint ;_;
+
+
+ /* COLLAPSE PUBLIC CLASS DEFINITION
+ * ================================ */
+
+ var Collapse = function (element, options) {
+ this.$element = $(element)
+ this.options = $.extend({}, $.fn.collapse.defaults, options)
+
+ if (this.options.parent) {
+ this.$parent = $(this.options.parent)
+ }
+
+ this.options.toggle && this.toggle()
+ }
+
+ Collapse.prototype = {
+
+ constructor: Collapse
+
+ , dimension: function () {
+ var hasWidth = this.$element.hasClass('width')
+ return hasWidth ? 'width' : 'height'
+ }
+
+ , show: function () {
+ var dimension
+ , scroll
+ , actives
+ , hasData
+
+ if (this.transitioning) return
+
+ dimension = this.dimension()
+ scroll = $.camelCase(['scroll', dimension].join('-'))
+ actives = this.$parent && this.$parent.find('> .accordion-group > .in')
+
+ if (actives && actives.length) {
+ hasData = actives.data('collapse')
+ if (hasData && hasData.transitioning) return
+ actives.collapse('hide')
+ hasData || actives.data('collapse', null)
+ }
+
+ this.$element[dimension](0)
+ this.transition('addClass', $.Event('show'), 'shown')
+ this.$element[dimension](this.$element[0][scroll])
+ }
+
+ , hide: function () {
+ var dimension
+ if (this.transitioning) return
+ dimension = this.dimension()
+ this.reset(this.$element[dimension]())
+ this.transition('removeClass', $.Event('hide'), 'hidden')
+ this.$element[dimension](0)
+ }
+
+ , reset: function (size) {
+ var dimension = this.dimension()
+
+ this.$element
+ .removeClass('collapse')
+ [dimension](size || 'auto')
+ [0].offsetWidth
+
+ this.$element[size !== null ? 'addClass' : 'removeClass']('collapse')
+
+ return this
+ }
+
+ , transition: function (method, startEvent, completeEvent) {
+ var that = this
+ , complete = function () {
+ if (startEvent.type == 'show') that.reset()
+ that.transitioning = 0
+ that.$element.trigger(completeEvent)
+ }
+
+ this.$element.trigger(startEvent)
+
+ if (startEvent.isDefaultPrevented()) return
+
+ this.transitioning = 1
+
+ this.$element[method]('in')
+
+ $.support.transition && this.$element.hasClass('collapse') ?
+ this.$element.one($.support.transition.end, complete) :
+ complete()
+ }
+
+ , toggle: function () {
+ this[this.$element.hasClass('in') ? 'hide' : 'show']()
+ }
+
+ }
+
+
+ /* COLLAPSIBLE PLUGIN DEFINITION
+ * ============================== */
+
+ $.fn.collapse = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ , data = $this.data('collapse')
+ , options = typeof option == 'object' && option
+ if (!data) $this.data('collapse', (data = new Collapse(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.collapse.defaults = {
+ toggle: true
+ }
+
+ $.fn.collapse.Constructor = Collapse
+
+
+ /* COLLAPSIBLE DATA-API
+ * ==================== */
+
+ $(function () {
+ $('body').on('click.collapse.data-api', '[data-toggle=collapse]', function ( e ) {
+ var $this = $(this), href
+ , target = $this.attr('data-target')
+ || e.preventDefault()
+ || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
+ , option = $(target).data('collapse') ? 'toggle' : $this.data()
+ $(target).collapse(option)
+ })
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-dropdown.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-dropdown.js
new file mode 100644
index 000000000..454a9684b
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-dropdown.js
@@ -0,0 +1,100 @@
+/* ============================================================
+ * bootstrap-dropdown.js v2.0.4
+ * http://twitter.github.com/bootstrap/javascript.html#dropdowns
+ * ============================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============================================================ */
+
+
+!function ($) {
+
+ "use strict"; // jshint ;_;
+
+
+ /* DROPDOWN CLASS DEFINITION
+ * ========================= */
+
+ var toggle = '[data-toggle="dropdown"]'
+ , Dropdown = function (element) {
+ var $el = $(element).on('click.dropdown.data-api', this.toggle)
+ $('html').on('click.dropdown.data-api', function () {
+ $el.parent().removeClass('open')
+ })
+ }
+
+ Dropdown.prototype = {
+
+ constructor: Dropdown
+
+ , toggle: function (e) {
+ var $this = $(this)
+ , $parent
+ , selector
+ , isActive
+
+ if ($this.is('.disabled, :disabled')) return
+
+ selector = $this.attr('data-target')
+
+ if (!selector) {
+ selector = $this.attr('href')
+ selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+ }
+
+ $parent = $(selector)
+ $parent.length || ($parent = $this.parent())
+
+ isActive = $parent.hasClass('open')
+
+ clearMenus()
+
+ if (!isActive) $parent.toggleClass('open')
+
+ return false
+ }
+
+ }
+
+ function clearMenus() {
+ $(toggle).parent().removeClass('open')
+ }
+
+
+ /* DROPDOWN PLUGIN DEFINITION
+ * ========================== */
+
+ $.fn.dropdown = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ , data = $this.data('dropdown')
+ if (!data) $this.data('dropdown', (data = new Dropdown(this)))
+ if (typeof option == 'string') data[option].call($this)
+ })
+ }
+
+ $.fn.dropdown.Constructor = Dropdown
+
+
+ /* APPLY TO STANDARD DROPDOWN ELEMENTS
+ * =================================== */
+
+ $(function () {
+ $('html').on('click.dropdown.data-api', clearMenus)
+ $('body')
+ .on('click.dropdown', '.dropdown form', function (e) { e.stopPropagation() })
+ .on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-modal.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-modal.js
new file mode 100644
index 000000000..38fd0c846
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-modal.js
@@ -0,0 +1,218 @@
+/* =========================================================
+ * bootstrap-modal.js v2.0.4
+ * http://twitter.github.com/bootstrap/javascript.html#modals
+ * =========================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================= */
+
+
+!function ($) {
+
+ "use strict"; // jshint ;_;
+
+
+ /* MODAL CLASS DEFINITION
+ * ====================== */
+
+ var Modal = function (content, options) {
+ this.options = options
+ this.$element = $(content)
+ .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
+ }
+
+ Modal.prototype = {
+
+ constructor: Modal
+
+ , toggle: function () {
+ return this[!this.isShown ? 'show' : 'hide']()
+ }
+
+ , show: function () {
+ var that = this
+ , e = $.Event('show')
+
+ this.$element.trigger(e)
+
+ if (this.isShown || e.isDefaultPrevented()) return
+
+ $('body').addClass('modal-open')
+
+ this.isShown = true
+
+ escape.call(this)
+ backdrop.call(this, function () {
+ var transition = $.support.transition && that.$element.hasClass('fade')
+
+ if (!that.$element.parent().length) {
+ that.$element.appendTo(document.body) //don't move modals dom position
+ }
+
+ that.$element
+ .show()
+
+ if (transition) {
+ that.$element[0].offsetWidth // force reflow
+ }
+
+ that.$element.addClass('in')
+
+ transition ?
+ that.$element.one($.support.transition.end, function () { that.$element.trigger('shown') }) :
+ that.$element.trigger('shown')
+
+ })
+ }
+
+ , hide: function (e) {
+ e && e.preventDefault()
+
+ var that = this
+
+ e = $.Event('hide')
+
+ this.$element.trigger(e)
+
+ if (!this.isShown || e.isDefaultPrevented()) return
+
+ this.isShown = false
+
+ $('body').removeClass('modal-open')
+
+ escape.call(this)
+
+ this.$element.removeClass('in')
+
+ $.support.transition && this.$element.hasClass('fade') ?
+ hideWithTransition.call(this) :
+ hideModal.call(this)
+ }
+
+ }
+
+
+ /* MODAL PRIVATE METHODS
+ * ===================== */
+
+ function hideWithTransition() {
+ var that = this
+ , timeout = setTimeout(function () {
+ that.$element.off($.support.transition.end)
+ hideModal.call(that)
+ }, 500)
+
+ this.$element.one($.support.transition.end, function () {
+ clearTimeout(timeout)
+ hideModal.call(that)
+ })
+ }
+
+ function hideModal(that) {
+ this.$element
+ .hide()
+ .trigger('hidden')
+
+ backdrop.call(this)
+ }
+
+ function backdrop(callback) {
+ var that = this
+ , animate = this.$element.hasClass('fade') ? 'fade' : ''
+
+ if (this.isShown && this.options.backdrop) {
+ var doAnimate = $.support.transition && animate
+
+ this.$backdrop = $('')
+ .appendTo(document.body)
+
+ if (this.options.backdrop != 'static') {
+ this.$backdrop.click($.proxy(this.hide, this))
+ }
+
+ if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
+
+ this.$backdrop.addClass('in')
+
+ doAnimate ?
+ this.$backdrop.one($.support.transition.end, callback) :
+ callback()
+
+ } else if (!this.isShown && this.$backdrop) {
+ this.$backdrop.removeClass('in')
+
+ $.support.transition && this.$element.hasClass('fade')?
+ this.$backdrop.one($.support.transition.end, $.proxy(removeBackdrop, this)) :
+ removeBackdrop.call(this)
+
+ } else if (callback) {
+ callback()
+ }
+ }
+
+ function removeBackdrop() {
+ this.$backdrop.remove()
+ this.$backdrop = null
+ }
+
+ function escape() {
+ var that = this
+ if (this.isShown && this.options.keyboard) {
+ $(document).on('keyup.dismiss.modal', function ( e ) {
+ e.which == 27 && that.hide()
+ })
+ } else if (!this.isShown) {
+ $(document).off('keyup.dismiss.modal')
+ }
+ }
+
+
+ /* MODAL PLUGIN DEFINITION
+ * ======================= */
+
+ $.fn.modal = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ , data = $this.data('modal')
+ , options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option)
+ if (!data) $this.data('modal', (data = new Modal(this, options)))
+ if (typeof option == 'string') data[option]()
+ else if (options.show) data.show()
+ })
+ }
+
+ $.fn.modal.defaults = {
+ backdrop: true
+ , keyboard: true
+ , show: true
+ }
+
+ $.fn.modal.Constructor = Modal
+
+
+ /* MODAL DATA-API
+ * ============== */
+
+ $(function () {
+ $('body').on('click.modal.data-api', '[data-toggle="modal"]', function ( e ) {
+ var $this = $(this), href
+ , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+ , option = $target.data('modal') ? 'toggle' : $.extend({}, $target.data(), $this.data())
+
+ e.preventDefault()
+ $target.modal(option)
+ })
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-popover.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-popover.js
new file mode 100644
index 000000000..39fbe358e
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-popover.js
@@ -0,0 +1,98 @@
+/* ===========================================================
+ * bootstrap-popover.js v2.0.4
+ * http://twitter.github.com/bootstrap/javascript.html#popovers
+ * ===========================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * =========================================================== */
+
+
+!function ($) {
+
+ "use strict"; // jshint ;_;
+
+
+ /* POPOVER PUBLIC CLASS DEFINITION
+ * =============================== */
+
+ var Popover = function ( element, options ) {
+ this.init('popover', element, options)
+ }
+
+
+ /* NOTE: POPOVER EXTENDS BOOTSTRAP-TOOLTIP.js
+ ========================================== */
+
+ Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, {
+
+ constructor: Popover
+
+ , setContent: function () {
+ var $tip = this.tip()
+ , title = this.getTitle()
+ , content = this.getContent()
+
+ $tip.find('.popover-title')[this.isHTML(title) ? 'html' : 'text'](title)
+ $tip.find('.popover-content > *')[this.isHTML(content) ? 'html' : 'text'](content)
+
+ $tip.removeClass('fade top bottom left right in')
+ }
+
+ , hasContent: function () {
+ return this.getTitle() || this.getContent()
+ }
+
+ , getContent: function () {
+ var content
+ , $e = this.$element
+ , o = this.options
+
+ content = $e.attr('data-content')
+ || (typeof o.content == 'function' ? o.content.call($e[0]) : o.content)
+
+ return content
+ }
+
+ , tip: function () {
+ if (!this.$tip) {
+ this.$tip = $(this.options.template)
+ }
+ return this.$tip
+ }
+
+ })
+
+
+ /* POPOVER PLUGIN DEFINITION
+ * ======================= */
+
+ $.fn.popover = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ , data = $this.data('popover')
+ , options = typeof option == 'object' && option
+ if (!data) $this.data('popover', (data = new Popover(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.popover.Constructor = Popover
+
+ $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, {
+ placement: 'right'
+ , content: ''
+ , template: '
+
+
+
+
+
+ Buttons
+ +
+
+
+
+
+
+ Buttons
+ +
+
+
+
+ Weekly Stat
+ +
+
+ -
+
- + + + 92 + New Comments + + +
- + + + 15 + New Registrations + + +
- + + + 36 + New Articles + + +
- + + + 45 + User reviews + + +
- + + + 112 + New Comments + + +
- + + + 31 + New Registrations + + +
- + + + 93 + New Articles + + +
- + + + 254 + User reviews + + +
'
+ , trigger: 'hover'
+ , title: ''
+ , delay: 0
+ }
+
+}(window.jQuery);
diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-tour.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-tour.js
new file mode 100644
index 000000000..0e648460d
--- /dev/null
+++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-tour.js
@@ -0,0 +1,226 @@
+// Generated by CoffeeScript 1.3.3
+
+/* ============================================================
+# bootstrap-tour.js v0.1
+# http://pushly.github.com/bootstrap-tour/
+# ==============================================================
+# Copyright 2012 Push.ly
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+*/
+
+
+(function() {
+
+ (function($, window) {
+ var Tour, document;
+ document = window.document;
+ Tour = (function() {
+
+ function Tour(options) {
+ var _this = this;
+ this._options = $.extend({
+ afterSetState: function(key, value) {},
+ afterGetState: function(key, value) {}
+ }, options);
+ this._steps = [];
+ this.setCurrentStep();
+ $(document).on("click", ".popover .next", function(e) {
+ e.preventDefault();
+ return _this.next();
+ });
+ $(document).on("click", ".popover .end", function(e) {
+ e.preventDefault();
+ return _this.end();
+ });
+ }
+
+ Tour.prototype.setState = function(key, value) {
+ $.cookie("tour_" + key, value, {
+ expires: 36500,
+ path: '/'
+ });
+ return this._options.afterSetState(key, value);
+ };
+
+ Tour.prototype.getState = function(key) {
+ var value;
+ value = $.cookie("tour_" + key);
+ this._options.afterGetState(key, value);
+ return value;
+ };
+
+ Tour.prototype.addStep = function(step) {
+ return this._steps.push(step);
+ };
+
+ Tour.prototype.getStep = function(i) {
+ return $.extend({
+ path: "",
+ placement: "right",
+ title: "",
+ content: "",
+ next: i + 1,
+ end: i === this._steps.length - 1,
+ animation: true
+ }, this._steps[i]);
+ };
+
+ Tour.prototype.start = function(force) {
+ if (force == null) {
+ force = false;
+ }
+ if (force || !this.ended()) {
+ return this.showStep(this._current);
+ }
+ };
+
+ Tour.prototype.next = function() {
+ this.hideStep(this._current);
+ return this.showNextStep();
+ };
+
+ Tour.prototype.end = function() {
+ this.hideStep(this._current);
+ return this.setState("end", "yes");
+ };
+
+ Tour.prototype.ended = function() {
+ return !!this.getState("end");
+ };
+
+ Tour.prototype.restart = function() {
+ this.setState("current_step", null);
+ this.setState("end", null);
+ this.setCurrentStep(0);
+ return this.start();
+ };
+
+ Tour.prototype.hideStep = function(i) {
+ var step;
+ step = this.getStep(i);
+ if (step.onHide != null) {
+ step.onHide(this);
+ }
+ return $(step.element).popover("hide");
+ };
+
+ Tour.prototype.showStep = function(i) {
+ var endOnClick, step,
+ _this = this;
+ step = this.getStep(i);
+ if (step.element == null) {
+ this.end;
+ return;
+ }
+ this.setCurrentStep(i);
+ if (step.path !== "" && document.location.pathname !== step.path && document.location.pathname.replace(/^.*[\\\/]/, '') !== step.path) {
+ document.location.href = step.path;
+ return;
+ }
+ if ($(step.element).is(":hidden")) {
+ this.showNextStep();
+ return;
+ }
+ endOnClick = step.endOnClick || step.element;
+ $(endOnClick).one("click", function() {
+ return _this.endCurrentStep();
+ });
+ if (step.onShow != null) {
+ step.onShow(this);
+ }
+ return this._showPopover(step, i);
+ };
+
+ Tour.prototype.setCurrentStep = function(value) {
+ if (value != null) {
+ this._current = value;
+ return this.setState("current_step", value);
+ } else {
+ this._current = this.getState("current_step");
+ if (this._current === null || this._current === "null") {
+ return this._current = 0;
+ } else {
+ return this._current = parseInt(this._current);
+ }
+ }
+ };
+
+ Tour.prototype.endCurrentStep = function() {
+ var step;
+ this.hideStep(this._current);
+ step = this.getStep(this._current);
+ return this.setCurrentStep(step.next);
+ };
+
+ Tour.prototype.showNextStep = function() {
+ var step;
+ step = this.getStep(this._current);
+ return this.showStep(step.next);
+ };
+
+ Tour.prototype._showPopover = function(step, i) {
+ var content, tip;
+ content = "" + step.content + "
"; + if (step.end) { + content += "End"; + } else { + content += "Next » End tour
"; + } + $(step.element).popover({ + placement: step.placement, + trigger: "manual", + title: step.title, + content: content, + animation: step.animation + }).popover("show"); + tip = $(step.element).data("popover").tip(); + this._reposition(tip); + return this._scrollIntoView(tip); + }; + + Tour.prototype._reposition = function(tip) { + var offsetBottom, offsetRight, tipOffset; + tipOffset = tip.offset(); + offsetBottom = $(document).outerHeight() - tipOffset.top - $(tip).outerHeight(); + if (offsetBottom < 0) { + tipOffset.top = tipOffset.top + offsetBottom; + } + offsetRight = $(document).outerWidth() - tipOffset.left - $(tip).outerWidth(); + if (offsetRight < 0) { + tipOffset.left = tipOffset.left + offsetRight; + } + if (tipOffset.top < 0) { + tipOffset.top = 0; + } + if (tipOffset.left < 0) { + tipOffset.left = 0; + } + return tip.offset(tipOffset); + }; + + Tour.prototype._scrollIntoView = function(tip) { + var tipRect; + tipRect = tip.get(0).getBoundingClientRect(); + if (!(tipRect.top > 0 && tipRect.bottom < $(window).height() && tipRect.left > 0 && tipRect.right < $(window).width())) { + return tip.get(0).scrollIntoView(true); + } + }; + + return Tour; + + })(); + return window.Tour = Tour; + })(jQuery, window); + +}).call(this); diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-transition.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-transition.js new file mode 100644 index 000000000..534182622 --- /dev/null +++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-transition.js @@ -0,0 +1,61 @@ +/* =================================================== + * bootstrap-transition.js v2.0.4 + * http://twitter.github.com/bootstrap/javascript.html#transitions + * =================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ========================================================== */ + + +!function ($) { + + $(function () { + + "use strict"; // jshint ;_; + + + /* CSS TRANSITION SUPPORT (http://www.modernizr.com/) + * ======================================================= */ + + $.support.transition = (function () { + + var transitionEnd = (function () { + + var el = document.createElement('bootstrap') + , transEndEventNames = { + 'WebkitTransition' : 'webkitTransitionEnd' + , 'MozTransition' : 'transitionend' + , 'OTransition' : 'oTransitionEnd' + , 'msTransition' : 'MSTransitionEnd' + , 'transition' : 'transitionend' + } + , name + + for (name in transEndEventNames){ + if (el.style[name] !== undefined) { + return transEndEventNames[name] + } + } + + }()) + + return transitionEnd && { + end: transitionEnd + } + + })() + + }) + +}(window.jQuery); \ No newline at end of file diff --git a/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-typeahead.js b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-typeahead.js new file mode 100644 index 000000000..ad44b9085 --- /dev/null +++ b/code/ryzom/tools/server/ryzom_ams/www/html/js/bootstrap-typeahead.js @@ -0,0 +1,285 @@ +/* ============================================================= + * bootstrap-typeahead.js v2.0.4 + * http://twitter.github.com/bootstrap/javascript.html#typeahead + * ============================================================= + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ============================================================ */ + + +!function($){ + + "use strict"; // jshint ;_; + + + /* TYPEAHEAD PUBLIC CLASS DEFINITION + * ================================= */ + + var Typeahead = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, $.fn.typeahead.defaults, options) + this.matcher = this.options.matcher || this.matcher + this.sorter = this.options.sorter || this.sorter + this.highlighter = this.options.highlighter || this.highlighter + this.updater = this.options.updater || this.updater + this.$menu = $(this.options.menu).appendTo('body') + this.source = this.options.source + this.shown = false + this.listen() + } + + Typeahead.prototype = { + + constructor: Typeahead + + , select: function () { + var val = this.$menu.find('.active').attr('data-value') + this.$element + .val(this.updater(val)) + .change() + return this.hide() + } + + , updater: function (item) { + return item + } + + , show: function () { + var pos = $.extend({}, this.$element.offset(), { + height: this.$element[0].offsetHeight + }) + + this.$menu.css({ + top: pos.top + pos.height + , left: pos.left + }) + + this.$menu.show() + this.shown = true + return this + } + + , hide: function () { + this.$menu.hide() + this.shown = false + return this + } + + , lookup: function (event) { + var that = this + , items + , q + + this.query = this.$element.val() + + if (!this.query) { + return this.shown ? this.hide() : this + } + + items = $.grep(this.source, function (item) { + return that.matcher(item) + }) + + items = this.sorter(items) + + if (!items.length) { + return this.shown ? this.hide() : this + } + + return this.render(items.slice(0, this.options.items)).show() + } + + , matcher: function (item) { + return ~item.toLowerCase().indexOf(this.query.toLowerCase()) + } + + , sorter: function (items) { + var beginswith = [] + , caseSensitive = [] + , caseInsensitive = [] + , item + + while (item = items.shift()) { + if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item) + else if (~item.indexOf(this.query)) caseSensitive.push(item) + else caseInsensitive.push(item) + } + + return beginswith.concat(caseSensitive, caseInsensitive) + } + + , highlighter: function (item) { + var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&') + return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) { + return '' + match + '' + }) + } + + , render: function (items) { + var that = this + + items = $(items).map(function (i, item) { + i = $(that.options.item).attr('data-value', item) + i.find('a').html(that.highlighter(item)) + return i[0] + }) + + items.first().addClass('active') + this.$menu.html(items) + return this + } + + , next: function (event) { + var active = this.$menu.find('.active').removeClass('active') + , next = active.next() + + if (!next.length) { + next = $(this.$menu.find('li')[0]) + } + + next.addClass('active') + } + + , prev: function (event) { + var active = this.$menu.find('.active').removeClass('active') + , prev = active.prev() + + if (!prev.length) { + prev = this.$menu.find('li').last() + } + + prev.addClass('active') + } + + , listen: function () { + this.$element + .on('blur', $.proxy(this.blur, this)) + .on('keypress', $.proxy(this.keypress, this)) + .on('keyup', $.proxy(this.keyup, this)) + + if ($.browser.webkit || $.browser.msie) { + this.$element.on('keydown', $.proxy(this.keypress, this)) + } + + this.$menu + .on('click', $.proxy(this.click, this)) + .on('mouseenter', 'li', $.proxy(this.mouseenter, this)) + } + + , keyup: function (e) { + switch(e.keyCode) { + case 40: // down arrow + case 38: // up arrow + break + + case 9: // tab + case 13: // enter + if (!this.shown) return + this.select() + break + + case 27: // escape + if (!this.shown) return + this.hide() + break + + default: + this.lookup() + } + + e.stopPropagation() + e.preventDefault() + } + + , keypress: function (e) { + if (!this.shown) return + + switch(e.keyCode) { + case 9: // tab + case 13: // enter + case 27: // escape + e.preventDefault() + break + + case 38: // up arrow + if (e.type != 'keydown') break + e.preventDefault() + this.prev() + break + + case 40: // down arrow + if (e.type != 'keydown') break + e.preventDefault() + this.next() + break + } + + e.stopPropagation() + } + + , blur: function (e) { + var that = this + setTimeout(function () { that.hide() }, 150) + } + + , click: function (e) { + e.stopPropagation() + e.preventDefault() + this.select() + } + + , mouseenter: function (e) { + this.$menu.find('.active').removeClass('active') + $(e.currentTarget).addClass('active') + } + + } + + + /* TYPEAHEAD PLUGIN DEFINITION + * =========================== */ + + $.fn.typeahead = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('typeahead') + , options = typeof option == 'object' && option + if (!data) $this.data('typeahead', (data = new Typeahead(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.typeahead.defaults = { + source: [] + , items: 8 + , menu: '' + , item: 'Loading...
');
+ var $clink=$(this);
+ History.pushState(null, null, $clink.attr('href'));
+ $('ul.main-menu li.active').removeClass('active');
+ $clink.parent('li').addClass('active');
+ });
+
+ //animating menus on hover
+ $('ul.main-menu li:not(.nav-header)').hover(function(){
+ $(this).animate({'margin-left':'+=5'},300);
+ },
+ function(){
+ $(this).animate({'margin-left':'-=5'},300);
+ });
+
+ //other things to do on document ready, seperated for ajax calls
+ docReady();
+});
+
+
+function docReady(){
+ //prevent # links from moving to top
+ $('a[href="#"][data-top!=true]').click(function(e){
+ e.preventDefault();
+ });
+
+ //rich text editor
+ $('.cleditor').cleditor();
+
+ //datepicker
+ $('.datepicker').datepicker();
+
+ //notifications
+ $('.noty').click(function(e){
+ e.preventDefault();
+ var options = $.parseJSON($(this).attr('data-noty-options'));
+ noty(options);
+ });
+
+
+ //uniform - styler for checkbox, radio and file input
+ $("input:checkbox, input:radio, input:file").not('[data-no-uniform="true"],#uniform-is-ajax').uniform();
+
+ //chosen - improves select
+ $('[data-rel="chosen"],[rel="chosen"]').chosen();
+
+ //tabs
+ $('#myTab a:first').tab('show');
+ $('#myTab a').click(function (e) {
+ e.preventDefault();
+ $(this).tab('show');
+ });
+
+ //makes elements soratble, elements that sort need to have id attribute to save the result
+ $('.sortable').sortable({
+ revert:true,
+ cancel:'.btn,.box-content,.nav-header',
+ update:function(event,ui){
+ //line below gives the ids of elements, you can make ajax call here to save it to the database
+ //console.log($(this).sortable('toArray'));
+ }
+ });
+
+ //slider
+ $('.slider').slider({range:true,values:[10,65]});
+
+ //tooltip
+ $('[rel="tooltip"],[data-rel="tooltip"]').tooltip({"placement":"bottom",delay: { show: 400, hide: 200 }});
+
+ //auto grow textarea
+ $('textarea.autogrow').autogrow();
+
+ //popover
+ $('[rel="popover"],[data-rel="popover"]').popover();
+
+ //file manager
+ var elf = $('.file-manager').elfinder({
+ url : 'misc/elfinder-connector/connector.php' // connector URL (REQUIRED)
+ }).elfinder('instance');
+
+ //iOS / iPhone style toggle switch
+ $('.iphone-toggle').iphoneStyle();
+
+ //star rating
+ $('.raty').raty({
+ score : 4 //default stars
+ });
+
+ //uploadify - multiple uploads
+ $('#file_upload').uploadify({
+ 'swf' : 'misc/uploadify.swf',
+ 'uploader' : 'misc/uploadify.php'
+ // Put your options here
+ });
+
+ //gallery controlls container animation
+ $('ul.gallery li').hover(function(){
+ $('img',this).fadeToggle(1000);
+ $(this).find('.gallery-controls').remove();
+ $(this).append('');
+ $(this).find('.gallery-controls').stop().animate({'margin-top':'-1'},400,'easeInQuint');
+ },function(){
+ $('img',this).fadeToggle(1000);
+ $(this).find('.gallery-controls').stop().animate({'margin-top':'-30'},200,'easeInQuint',function(){
+ $(this).remove();
+ });
+ });
+
+
+ //gallery image controls example
+ //gallery delete
+ $('.thumbnails').on('click','.gallery-delete',function(e){
+ e.preventDefault();
+ //get image id
+ //alert($(this).parents('.thumbnail').attr('id'));
+ $(this).parents('.thumbnail').fadeOut();
+ });
+ //gallery edit
+ $('.thumbnails').on('click','.gallery-edit',function(e){
+ e.preventDefault();
+ //get image id
+ //alert($(this).parents('.thumbnail').attr('id'));
+ });
+
+ //gallery colorbox
+ $('.thumbnail a').colorbox({rel:'thumbnail a', transition:"elastic", maxWidth:"95%", maxHeight:"95%"});
+
+ //gallery fullscreen
+ $('#toggle-fullscreen').button().click(function () {
+ var button = $(this), root = document.documentElement;
+ if (!button.hasClass('active')) {
+ $('#thumbnails').addClass('modal-fullscreen');
+ if (root.webkitRequestFullScreen) {
+ root.webkitRequestFullScreen(
+ window.Element.ALLOW_KEYBOARD_INPUT
+ );
+ } else if (root.mozRequestFullScreen) {
+ root.mozRequestFullScreen();
+ }
+ } else {
+ $('#thumbnails').removeClass('modal-fullscreen');
+ (document.webkitCancelFullScreen ||
+ document.mozCancelFullScreen ||
+ $.noop).apply(document);
+ }
+ });
+
+ //tour
+ if($('.tour').length && typeof(tour)=='undefined')
+ {
+ var tour = new Tour();
+ tour.addStep({
+ element: ".span10:first", /* html element next to which the step popover should be shown */
+ placement: "top",
+ title: "Custom Tour", /* title of the popover */
+ content: "You can create tour like this. Click Next." /* content of the popover */
+ });
+ tour.addStep({
+ element: ".theme-container",
+ placement: "left",
+ title: "Themes",
+ content: "You change your theme from here."
+ });
+ tour.addStep({
+ element: "ul.main-menu a:first",
+ title: "Dashboard",
+ content: "This is your dashboard from here you will find highlights."
+ });
+ tour.addStep({
+ element: "#for-is-ajax",
+ title: "Ajax",
+ content: "You can change if pages load with Ajax or not."
+ });
+ tour.addStep({
+ element: ".top-nav a:first",
+ placement: "bottom",
+ title: "Visit Site",
+ content: "Visit your front end from here."
+ });
+
+ tour.restart();
+ }
+
+ //datatable
+ $('.datatable').dataTable({
+ "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>",
+ "sPaginationType": "bootstrap",
+ "oLanguage": {
+ "sLengthMenu": "_MENU_ records per page"
+ }
+ } );
+ $('.btn-close').click(function(e){
+ e.preventDefault();
+ $(this).parent().parent().parent().fadeOut();
+ });
+ $('.btn-minimize').click(function(e){
+ e.preventDefault();
+ var $target = $(this).parent().parent().next('.box-content');
+ if($target.is(':visible')) $('i',$(this)).removeClass('icon-chevron-up').addClass('icon-chevron-down');
+ else $('i',$(this)).removeClass('icon-chevron-down').addClass('icon-chevron-up');
+ $target.slideToggle();
+ });
+ $('.btn-setting').click(function(e){
+ e.preventDefault();
+ $('#myModal').modal('show');
+ });
+
+
+
+
+ //initialize the external events for calender
+
+ $('#external-events div.external-event').each(function() {
+
+ // it doesn't need to have a start or end
+ var eventObject = {
+ title: $.trim($(this).text()) // use the element's text as the event title
+ };
+
+ // store the Event Object in the DOM element so we can get to it later
+ $(this).data('eventObject', eventObject);
+
+ // make the event draggable using jQuery UI
+ $(this).draggable({
+ zIndex: 999,
+ revert: true, // will cause the event to go back to its
+ revertDuration: 0 // original position after the drag
+ });
+
+ });
+
+
+ //initialize the calendar
+ $('#calendar').fullCalendar({
+ header: {
+ left: 'prev,next today',
+ center: 'title',
+ right: 'month,agendaWeek,agendaDay'
+ },
+ editable: true,
+ droppable: true, // this allows things to be dropped onto the calendar !!!
+ drop: function(date, allDay) { // this function is called when something is dropped
+
+ // retrieve the dropped element's stored Event Object
+ var originalEventObject = $(this).data('eventObject');
+
+ // we need to copy it, so that multiple events don't have a reference to the same object
+ var copiedEventObject = $.extend({}, originalEventObject);
+
+ // assign it the date that was reported
+ copiedEventObject.start = date;
+ copiedEventObject.allDay = allDay;
+
+ // render the event on the calendar
+ // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
+ $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
+
+ // is the "remove after drop" checkbox checked?
+ if ($('#drop-remove').is(':checked')) {
+ // if so, remove the element from the "Draggable Events" list
+ $(this).remove();
+ }
+
+ }
+ });
+
+
+ //chart with points
+ if($("#sincos").length)
+ {
+ var sin = [], cos = [];
+
+ for (var i = 0; i < 14; i += 0.5) {
+ sin.push([i, Math.sin(i)/i]);
+ cos.push([i, Math.cos(i)]);
+ }
+
+ var plot = $.plot($("#sincos"),
+ [ { data: sin, label: "sin(x)/x"}, { data: cos, label: "cos(x)" } ], {
+ series: {
+ lines: { show: true },
+ points: { show: true }
+ },
+ grid: { hoverable: true, clickable: true, backgroundColor: { colors: ["#fff", "#eee"] } },
+ yaxis: { min: -1.2, max: 1.2 },
+ colors: ["#539F2E", "#3C67A5"]
+ });
+
+ function showTooltip(x, y, contents) {
+ $('' + contents + '
').css( {
+ position: 'absolute',
+ display: 'none',
+ top: y + 5,
+ left: x + 5,
+ border: '1px solid #fdd',
+ padding: '2px',
+ 'background-color': '#dfeffc',
+ opacity: 0.80
+ }).appendTo("body").fadeIn(200);
+ }
+
+ var previousPoint = null;
+ $("#sincos").bind("plothover", function (event, pos, item) {
+ $("#x").text(pos.x.toFixed(2));
+ $("#y").text(pos.y.toFixed(2));
+
+ if (item) {
+ if (previousPoint != item.dataIndex) {
+ previousPoint = item.dataIndex;
+
+ $("#tooltip").remove();
+ var x = item.datapoint[0].toFixed(2),
+ y = item.datapoint[1].toFixed(2);
+
+ showTooltip(item.pageX, item.pageY,
+ item.series.label + " of " + x + " = " + y);
+ }
+ }
+ else {
+ $("#tooltip").remove();
+ previousPoint = null;
+ }
+ });
+
+
+
+ $("#sincos").bind("plotclick", function (event, pos, item) {
+ if (item) {
+ $("#clickdata").text("You clicked point " + item.dataIndex + " in " + item.series.label + ".");
+ plot.highlight(item.series, item.datapoint);
+ }
+ });
+ }
+
+ //flot chart
+ if($("#flotchart").length)
+ {
+ var d1 = [];
+ for (var i = 0; i < Math.PI * 2; i += 0.25)
+ d1.push([i, Math.sin(i)]);
+
+ var d2 = [];
+ for (var i = 0; i < Math.PI * 2; i += 0.25)
+ d2.push([i, Math.cos(i)]);
+
+ var d3 = [];
+ for (var i = 0; i < Math.PI * 2; i += 0.1)
+ d3.push([i, Math.tan(i)]);
+
+ $.plot($("#flotchart"), [
+ { label: "sin(x)", data: d1},
+ { label: "cos(x)", data: d2},
+ { label: "tan(x)", data: d3}
+ ], {
+ series: {
+ lines: { show: true },
+ points: { show: true }
+ },
+ xaxis: {
+ ticks: [0, [Math.PI/2, "\u03c0/2"], [Math.PI, "\u03c0"], [Math.PI * 3/2, "3\u03c0/2"], [Math.PI * 2, "2\u03c0"]]
+ },
+ yaxis: {
+ ticks: 10,
+ min: -2,
+ max: 2
+ },
+ grid: {
+ backgroundColor: { colors: ["#fff", "#eee"] }
+ }
+ });
+ }
+
+ //stack chart
+ if($("#stackchart").length)
+ {
+ var d1 = [];
+ for (var i = 0; i <= 10; i += 1)
+ d1.push([i, parseInt(Math.random() * 30)]);
+
+ var d2 = [];
+ for (var i = 0; i <= 10; i += 1)
+ d2.push([i, parseInt(Math.random() * 30)]);
+
+ var d3 = [];
+ for (var i = 0; i <= 10; i += 1)
+ d3.push([i, parseInt(Math.random() * 30)]);
+
+ var stack = 0, bars = true, lines = false, steps = false;
+
+ function plotWithOptions() {
+ $.plot($("#stackchart"), [ d1, d2, d3 ], {
+ series: {
+ stack: stack,
+ lines: { show: lines, fill: true, steps: steps },
+ bars: { show: bars, barWidth: 0.6 }
+ }
+ });
+ }
+
+ plotWithOptions();
+
+ $(".stackControls input").click(function (e) {
+ e.preventDefault();
+ stack = $(this).val() == "With stacking" ? true : null;
+ plotWithOptions();
+ });
+ $(".graphControls input").click(function (e) {
+ e.preventDefault();
+ bars = $(this).val().indexOf("Bars") != -1;
+ lines = $(this).val().indexOf("Lines") != -1;
+ steps = $(this).val().indexOf("steps") != -1;
+ plotWithOptions();
+ });
+ }
+
+ //pie chart
+ var data = [
+ { label: "Internet Explorer", data: 12},
+ { label: "Mobile", data: 27},
+ { label: "Safari", data: 85},
+ { label: "Opera", data: 64},
+ { label: "Firefox", data: 90},
+ { label: "Chrome", data: 112}
+ ];
+
+ if($("#piechart").length)
+ {
+ $.plot($("#piechart"), data,
+ {
+ series: {
+ pie: {
+ show: true
+ }
+ },
+ grid: {
+ hoverable: true,
+ clickable: true
+ },
+ legend: {
+ show: false
+ }
+ });
+
+ function pieHover(event, pos, obj)
+ {
+ if (!obj)
+ return;
+ percent = parseFloat(obj.series.percent).toFixed(2);
+ $("#hover").html(''+obj.series.label+' ('+percent+'%)');
+ }
+ $("#piechart").bind("plothover", pieHover);
+ }
+
+ //donut chart
+ if($("#donutchart").length)
+ {
+ $.plot($("#donutchart"), data,
+ {
+ series: {
+ pie: {
+ innerRadius: 0.5,
+ show: true
+ }
+ },
+ legend: {
+ show: false
+ }
+ });
+ }
+
+
+
+
+ // we use an inline data source in the example, usually data would
+ // be fetched from a server
+ var data = [], totalPoints = 300;
+ function getRandomData() {
+ if (data.length > 0)
+ data = data.slice(1);
+
+ // do a random walk
+ while (data.length < totalPoints) {
+ var prev = data.length > 0 ? data[data.length - 1] : 50;
+ var y = prev + Math.random() * 10 - 5;
+ if (y < 0)
+ y = 0;
+ if (y > 100)
+ y = 100;
+ data.push(y);
+ }
+
+ // zip the generated y values with the x values
+ var res = [];
+ for (var i = 0; i < data.length; ++i)
+ res.push([i, data[i]])
+ return res;
+ }
+
+ // setup control widget
+ var updateInterval = 30;
+ $("#updateInterval").val(updateInterval).change(function () {
+ var v = $(this).val();
+ if (v && !isNaN(+v)) {
+ updateInterval = +v;
+ if (updateInterval < 1)
+ updateInterval = 1;
+ if (updateInterval > 2000)
+ updateInterval = 2000;
+ $(this).val("" + updateInterval);
+ }
+ });
+
+ //realtime chart
+ if($("#realtimechart").length)
+ {
+ var options = {
+ series: { shadowSize: 1 }, // drawing is faster without shadows
+ yaxis: { min: 0, max: 100 },
+ xaxis: { show: false }
+ };
+ var plot = $.plot($("#realtimechart"), [ getRandomData() ], options);
+ function update() {
+ plot.setData([ getRandomData() ]);
+ // since the axes don't change, we don't need to call plot.setupGrid()
+ plot.draw();
+
+ setTimeout(update, updateInterval);
+ }
+
+ update();
+ }
+}
+
+
+//additional functions for data table
+$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
+{
+ return {
+ "iStart": oSettings._iDisplayStart,
+ "iEnd": oSettings.fnDisplayEnd(),
+ "iLength": oSettings._iDisplayLength,
+ "iTotal": oSettings.fnRecordsTotal(),
+ "iFilteredTotal": oSettings.fnRecordsDisplay(),
+ "iPage": Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
+ "iTotalPages": Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
+ };
+}
+$.extend( $.fn.dataTableExt.oPagination, {
+ "bootstrap": {
+ "fnInit": function( oSettings, nPaging, fnDraw ) {
+ var oLang = oSettings.oLanguage.oPaginate;
+ var fnClickHandler = function ( e ) {
+ e.preventDefault();
+ if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
+ fnDraw( oSettings );
+ }
+ };
+
+ $(nPaging).addClass('pagination').append(
+ '- '+
+ '
- ← '+oLang.sPrevious+' '+ + '
- '+oLang.sNext+' → '+ + '
| "+i("allDayText")+" |
|---|
")}else ia=m([]);w=m("").appendTo(ja);I=m("").appendTo(w);R=m("").appendTo(I);x="
| "+(!Ea||!Da?s(ta,i("axisFormat")):" ")+" |
|---|
"+Qa(W(o.start,o.end,u("timeFormat")))+"
"+Qa(o.title)+"
=
";
+v+="";return v}function j(o,s,v){oa(o)&&y(o,s,v.isStart);v.isEnd&&ga(o)&&c(o,s,v);da(o,s)}function t(o,s,v){var F=s.find("div.fc-event-time");oa(o)&&S(o,s,F);v.isEnd&&ga(o)&&Q(o,s,F);da(o,s)}function y(o,s,v){function F(){if(!M){s.width(r).height("").draggable("option","grid",null);M=true}}var r,J,M=true,k,D=u("isRTL")?-1:1,Z=U(),ja=H(),ia=T(),la=ka();s.draggable({zIndex:9,opacity:u("dragOpacity","month"),revertDuration:u("dragRevertDuration"),start:function($,w){fa("eventDragStart",
+s,o,$,w);i(o,s);r=s.width();Z.start(function(I,R,V,ea){B();if(I){J=false;k=ea*D;if(I.row)if(v){if(M){s.width(ja-10);Eb(s,ia*Math.round((o.end?(o.end-o.start)/wc:u("defaultEventMinutes"))/u("slotMinutes")));s.draggable("option","grid",[ja,1]);M=false}}else J=true;else{E(ba(N(o.start),k),ba(Ua(o),k));F()}J=J||M&&!k}else{F();J=true}s.draggable("option","revert",J)},$,"drag")},stop:function($,w){Z.stop();B();fa("eventDragStop",s,o,$,w);if(J){F();s.css("filter","");K(o,s)}else{var I=0;M||(I=Math.round((s.offset().top-
+X().offset().top)/ia)*u("slotMinutes")+la-(o.start.getHours()*60+o.start.getMinutes()));C(this,o,k,I,M,$,w)}}})}function S(o,s,v){function F(I){var R=xa(N(o.start),I),V;if(o.end)V=xa(N(o.end),I);v.text(W(R,V,u("timeFormat")))}function r(){if(M){v.css("display","");s.draggable("option","grid",[$,w]);M=false}}var J,M=false,k,D,Z,ja=u("isRTL")?-1:1,ia=U(),la=z(),$=H(),w=T();s.draggable({zIndex:9,scroll:false,grid:[$,w],axis:la==1?"y":false,opacity:u("dragOpacity"),revertDuration:u("dragRevertDuration"),
+start:function(I,R){fa("eventDragStart",s,o,I,R);i(o,s);J=s.position();D=Z=0;ia.start(function(V,ea,aa,va){s.draggable("option","revert",!V);B();if(V){k=va*ja;if(u("allDaySlot")&&!V.row){if(!M){M=true;v.hide();s.draggable("option","grid",null)}E(ba(N(o.start),k),ba(Ua(o),k))}else r()}},I,"drag")},drag:function(I,R){D=Math.round((R.position.top-J.top)/w)*u("slotMinutes");if(D!=Z){M||F(D);Z=D}},stop:function(I,R){var V=ia.stop();B();fa("eventDragStop",s,o,I,R);if(V&&(k||D||M))C(this,o,k,M?0:D,M,I,R);
+else{r();s.css("filter","");s.css(J);F(0);K(o,s)}}})}function Q(o,s,v){var F,r,J=T();s.resizable({handles:{s:"div.ui-resizable-s"},grid:J,start:function(M,k){F=r=0;i(o,s);s.css("z-index",9);fa("eventResizeStart",this,o,M,k)},resize:function(M,k){F=Math.round((Math.max(J,s.height())-k.originalSize.height)/J);if(F!=r){v.text(W(o.start,!F&&!o.end?null:xa(ra(o),u("slotMinutes")*F),u("timeFormat")));r=F}},stop:function(M,k){fa("eventResizeStop",this,o,M,k);if(F)P(this,o,0,u("slotMinutes")*F,M,k);else{s.css("z-index",
+8);K(o,s)}}})}var q=this;q.renderEvents=a;q.compileDaySegs=e;q.clearEvents=b;q.slotSegHtml=l;q.bindDaySeg=j;Qb.call(q);var u=q.opt,fa=q.trigger,oa=q.isEventDraggable,ga=q.isEventResizable,ra=q.eventEnd,sa=q.reportEvents,ha=q.reportEventClear,da=q.eventElementHandlers,na=q.setHeight,ua=q.getDaySegmentContainer,pa=q.getSlotSegmentContainer,U=q.getHoverListener,ca=q.getMaxMinute,ka=q.getMinMinute,qa=q.timePosition,G=q.colContentLeft,p=q.colContentRight,L=q.renderDaySegs,c=q.resizableDayEvent,z=q.getColCnt,
+H=q.getColWidth,T=q.getSlotHeight,X=q.getBodyContent,ya=q.reportEventElement,K=q.showEvents,i=q.hideEvents,C=q.eventDrop,P=q.eventResize,E=q.renderDayOverlay,B=q.clearOverlays,n=q.calendar,Y=n.formatDate,W=n.formatDates}function vc(a){var b,e,d,f,g,l;for(b=a.length-1;b>0;b--){f=a[b];for(e=0;e";if(!n.allDay&&B.isStart)k+=""+Qa(T(n.start,n.end,fa("timeFormat")))+"";k+=""+Qa(n.title)+"
";if(B.isEnd&&ra(n))k+=""+"
| t |
","
"]),f.fn.extend({text:function(a){return f.access(this,function(a){return a===b?f.text(this):this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a))},null,a,arguments.length)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f
+.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){return f.access(this,function(a){var c=this[0]||{},d=0,e=this.length;if(a===b)return c.nodeType===1?c.innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1>");try{for(;d