├── README.md ├── img ├── hue.png ├── line.png ├── logo.png ├── gritter.png ├── larrow.png ├── rarrow.png ├── select2.png ├── spinner.gif ├── sprite.png ├── breadcrumb.png ├── demo │ ├── av1.jpg │ ├── av2.jpg │ ├── av3.jpg │ ├── av4.jpg │ ├── av5.jpg │ ├── envelope.png │ ├── demo-image1.jpg │ ├── demo-image2.jpg │ └── demo-image3.jpg ├── saturation.png ├── menu-active.png ├── gallery │ ├── imgbox1.jpg │ ├── imgbox2.jpg │ ├── imgbox3.jpg │ ├── imgbox4.jpg │ └── imgbox5.jpg ├── menu-active-white.png ├── glyphicons-halflings-white.png ├── backgrounds │ ├── calActiveBg.html │ └── skype_3Asuniljoshi19@call ├── alpha.html └── glyphicons-halflings.html ├── www.jq22.com.txt ├── js ├── nicescroll │ └── zoomico.png ├── matrix.tables.js ├── jquery.flot.resize.min.js ├── matrix.wizard.js ├── matrix.interface.js ├── matrix.popover.js ├── matrix.form_validation.js ├── jquery.peity.min.js ├── matrix.chat.js ├── masked.js ├── matrix.charts.js ├── matrix.calendar.js ├── jquery.gritter.min.js ├── matrix.dashboard.js ├── matrix.login.js ├── matrix.js ├── matrix.form_common.js ├── jquery.flot.pie.min.js ├── maruti.html └── jquery.toggle.buttons.html ├── font-awesome └── font │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.eot@ │ ├── fontawesome-webfont.ttf │ └── fontawesome-webfont.woff ├── jquery插件库.url ├── .idea └── vcs.xml ├── css ├── layout.css ├── reset.css ├── jquery.gritter.css ├── colorpicker.css ├── bootstrap-wysihtml5.css ├── matrix-media.css ├── datepicker.css └── matrix-login.css ├── error403.html ├── error404.html ├── error405.html ├── error500.html ├── chat.html ├── calendar.html ├── form-wizard.html ├── login.html ├── form-validation.html ├── invoice.html ├── index.html ├── images ├── backgrounds │ ├── calActiveBg.html │ └── skype_3Asuniljoshi19@call └── gallery │ └── imgbox3.html └── dashboard.html /README.md: -------------------------------------------------------------------------------- 1 | # adminHtmlTemplate 2 | 信息管理系统平台HTML模板 3 | -------------------------------------------------------------------------------- /img/hue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/hue.png -------------------------------------------------------------------------------- /img/line.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/line.png -------------------------------------------------------------------------------- /img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/logo.png -------------------------------------------------------------------------------- /img/gritter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/gritter.png -------------------------------------------------------------------------------- /img/larrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/larrow.png -------------------------------------------------------------------------------- /img/rarrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/rarrow.png -------------------------------------------------------------------------------- /img/select2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/select2.png -------------------------------------------------------------------------------- /img/spinner.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/spinner.gif -------------------------------------------------------------------------------- /img/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/sprite.png -------------------------------------------------------------------------------- /img/breadcrumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/breadcrumb.png -------------------------------------------------------------------------------- /img/demo/av1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/demo/av1.jpg -------------------------------------------------------------------------------- /img/demo/av2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/demo/av2.jpg -------------------------------------------------------------------------------- /img/demo/av3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/demo/av3.jpg -------------------------------------------------------------------------------- /img/demo/av4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/demo/av4.jpg -------------------------------------------------------------------------------- /img/demo/av5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/demo/av5.jpg -------------------------------------------------------------------------------- /img/saturation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/saturation.png -------------------------------------------------------------------------------- /www.jq22.com.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/www.jq22.com.txt -------------------------------------------------------------------------------- /img/menu-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/menu-active.png -------------------------------------------------------------------------------- /img/demo/envelope.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/demo/envelope.png -------------------------------------------------------------------------------- /img/gallery/imgbox1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/gallery/imgbox1.jpg -------------------------------------------------------------------------------- /img/gallery/imgbox2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/gallery/imgbox2.jpg -------------------------------------------------------------------------------- /img/gallery/imgbox3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/gallery/imgbox3.jpg -------------------------------------------------------------------------------- /img/gallery/imgbox4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/gallery/imgbox4.jpg -------------------------------------------------------------------------------- /img/gallery/imgbox5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/gallery/imgbox5.jpg -------------------------------------------------------------------------------- /img/demo/demo-image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/demo/demo-image1.jpg -------------------------------------------------------------------------------- /img/demo/demo-image2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/demo/demo-image2.jpg -------------------------------------------------------------------------------- /img/demo/demo-image3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/demo/demo-image3.jpg -------------------------------------------------------------------------------- /img/menu-active-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/menu-active-white.png -------------------------------------------------------------------------------- /js/nicescroll/zoomico.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/js/nicescroll/zoomico.png -------------------------------------------------------------------------------- /img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /font-awesome/font/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/font-awesome/font/fontawesome-webfont.eot -------------------------------------------------------------------------------- /font-awesome/font/fontawesome-webfont.eot@: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/font-awesome/font/fontawesome-webfont.eot@ -------------------------------------------------------------------------------- /font-awesome/font/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/font-awesome/font/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /font-awesome/font/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kongtrio/adminHtmlTemplate/HEAD/font-awesome/font/fontawesome-webfont.woff -------------------------------------------------------------------------------- /jquery插件库.url: -------------------------------------------------------------------------------- 1 | [{000214A0-0000-0000-C000-000000000046}] 2 | Prop3=19,2 3 | [InternetShortcut] 4 | URL=http://www.jq22.com/ 5 | IDList= 6 | HotKey=0 7 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /css/layout.css: -------------------------------------------------------------------------------- 1 | .col1, .col2, .col3, .cols {float:left} 2 | .col1 {padding-left:37px;width:287px} 3 | .col2 {padding-left:42px;width:557px} 4 | .cols {width:263px} 5 | /* index.html */ 6 | /* index-1.html */ 7 | /* index-2.html */ 8 | /* index-3.html */ 9 | #page4 .cols {width:155px} 10 | #page4 .marg_right1 {margin-right:41px} 11 | /* index-4.html */ 12 | #page5 .cols {width:256px} 13 | #page5 .pad_left1 {padding-left:40px} 14 | /* index-5.html */ 15 | #page6 .cols {width:68px} 16 | #page6 .col2 {width:560px} 17 | /* index-6.html */ 18 | -------------------------------------------------------------------------------- /css/reset.css: -------------------------------------------------------------------------------- 1 | a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top} 2 | ol, ul {list-style:none} 3 | blockquote, q {quotes:none} 4 | table, table td {padding:0;border:none;border-collapse:collapse} 5 | img {vertical-align:top} 6 | embed {vertical-align:top} 7 | * {border:none} -------------------------------------------------------------------------------- /js/matrix.tables.js: -------------------------------------------------------------------------------- 1 | 2 | $(document).ready(function(){ 3 | 4 | $('.data-table').dataTable({ 5 | "bJQueryUI": true, 6 | "sPaginationType": "full_numbers", 7 | "sDom": '<""l>t<"F"fp>' 8 | }); 9 | 10 | $('input[type=checkbox],input[type=radio],input[type=file]').uniform(); 11 | 12 | $('select').select2(); 13 | 14 | $("span.icon input:checkbox, th input:checkbox").click(function() { 15 | var checkedStatus = this.checked; 16 | var checkbox = $(this).parents('.widget-box').find('tr td:first-child input:checkbox'); 17 | checkbox.each(function() { 18 | this.checked = checkedStatus; 19 | if (checkedStatus == this.checked) { 20 | $(this).closest('.checker > span').removeClass('checked'); 21 | } 22 | if (this.checked) { 23 | $(this).closest('.checker > span').addClass('checked'); 24 | } 25 | }); 26 | }); 27 | }); 28 | -------------------------------------------------------------------------------- /js/jquery.flot.resize.min.js: -------------------------------------------------------------------------------- 1 | (function(n,p,u){var w=n([]),s=n.resize=n.extend(n.resize,{}),o,l="setTimeout",m="resize",t=m+"-special-event",v="delay",r="throttleWindow";s[v]=250;s[r]=true;n.event.special[m]={setup:function(){if(!s[r]&&this[l]){return false}var a=n(this);w=w.add(a);n.data(this,t,{w:a.width(),h:a.height()});if(w.length===1){q()}},teardown:function(){if(!s[r]&&this[l]){return false}var a=n(this);w=w.not(a);a.removeData(t);if(!w.length){clearTimeout(o)}},add:function(b){if(!s[r]&&this[l]){return false}var c;function a(d,h,g){var f=n(this),e=n.data(this,t);e.w=h!==u?h:f.width();e.h=g!==u?g:f.height();c.apply(this,arguments)}if(n.isFunction(b)){c=b;return a}else{c=b.handler;b.handler=a}}};function q(){o=p[l](function(){w.each(function(){var d=n(this),a=d.width(),b=d.height(),c=n.data(this,t);if(a!==c.w||b!==c.h){d.trigger(m,[c.w=a,c.h=b])}});q()},s[v])}})(jQuery,this);(function(b){var a={};function c(f){function e(){var h=f.getPlaceholder();if(h.width()==0||h.height()==0){return}f.resize();f.setupGrid();f.draw()}function g(i,h){i.getPlaceholder().resize(e)}function d(i,h){i.getPlaceholder().unbind("resize",e)}f.hooks.bindEvents.push(g);f.hooks.shutdown.push(d)}b.plot.plugins.push({init:c,options:a,name:"resize",version:"1.0"})})(jQuery); -------------------------------------------------------------------------------- /js/matrix.wizard.js: -------------------------------------------------------------------------------- 1 | 2 | $(document).ready(function(){ 3 | 4 | $("#form-wizard").formwizard({ 5 | formPluginEnabled: true, 6 | validationEnabled: true, 7 | focusFirstInput : true, 8 | disableUIStyles : true, 9 | 10 | formOptions :{ 11 | success: function(data){$("#status").fadeTo(500,1,function(){ $(this).html("Form was submitted!").fadeTo(5000, 0); })}, 12 | beforeSubmit: function(data){$("#submitted").html("Form was submitted with ajax. Data sent to the server: " + $.param(data) + "");}, 13 | dataType: 'json', 14 | resetForm: true 15 | }, 16 | validationOptions : { 17 | rules: { 18 | username: "required", 19 | password: "required", 20 | password2: { 21 | equalTo: "#password" 22 | }, 23 | email: { required: true, email: true }, 24 | eula: "required" 25 | }, 26 | messages: { 27 | username: "Please enter your name or username", 28 | password: "You must enter the password", 29 | password2: { equalTo: "Password don't match" }, 30 | email: { required: "Please, enter your email", email: "Correct email format is name@domain.com" }, 31 | eula: "You must accept the eula" 32 | }, 33 | errorClass: "help-inline", 34 | errorElement: "span", 35 | highlight:function(element, errorClass, validClass) { 36 | $(element).parents('.control-group').addClass('error'); 37 | }, 38 | unhighlight: function(element, errorClass, validClass) { 39 | $(element).parents('.control-group').removeClass('error'); 40 | } 41 | } 42 | }); 43 | }); 44 | -------------------------------------------------------------------------------- /error403.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Matrix Admin 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 |

403错误页面

19 |
20 |
21 |
22 |
23 |
24 |
25 |
Error 403
26 |
27 |
28 |
29 |

403

30 |

Opps, You're lost.

31 |

Access to this page is forbidden

32 | Back to Home
33 |
34 |
35 |
36 |
37 |
38 |
39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /error404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Matrix Admin 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 |

404错误页面

19 |
20 |
21 |
22 |
23 |
24 |
25 |
Error 404
26 |
27 |
28 |
29 |

404

30 |

Opps, You're lost.

31 |

We can not find the page you're looking for.

32 | Back to Home
33 |
34 |
35 |
36 |
37 |
38 |
39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /error405.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Matrix Admin 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 |

405错误页面

19 |
20 |
21 |
22 |
23 |
24 |
25 |
Error 405
26 |
27 |
28 |
29 |

405

30 |

Something is wrong here. Method not allowed!

31 |

Access to this page is forbidden

32 | Back to Home
33 |
34 |
35 |
36 |
37 |
38 |
39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /error500.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Matrix Admin 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 |

500错误页面

19 |
20 |
21 |
22 |
23 |
24 |
25 |
Error 500
26 |
27 |
28 |
29 |

500

30 |

Something is wrong here. Method not allowed!

31 |

Access to this page is forbidden

32 | Back to Home
33 |
34 |
35 |
36 |
37 |
38 |
39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /js/matrix.interface.js: -------------------------------------------------------------------------------- 1 | 2 | $(document).ready(function(){ 3 | 4 | // === jQuery Peity === // 5 | $.fn.peity.defaults.line = { 6 | strokeWidth: 1, 7 | delimeter: ",", 8 | height: 24, 9 | max: null, 10 | min: 0, 11 | width: 50 12 | }; 13 | $.fn.peity.defaults.bar = { 14 | delimeter: ",", 15 | height: 24, 16 | max: null, 17 | min: 0, 18 | width: 50 19 | }; 20 | $(".peity_line_good span").peity("line", { 21 | colour: "#B1FFA9", 22 | strokeColour: "#459D1C" 23 | }); 24 | $(".peity_line_bad span").peity("line", { 25 | colour: "#FFC4C7", 26 | strokeColour: "#BA1E20" 27 | }); 28 | $(".peity_line_neutral span").peity("line", { 29 | colour: "#CCCCCC", 30 | strokeColour: "#757575" 31 | }); 32 | $(".peity_bar_good span").peity("bar", { 33 | colour: "#459D1C" 34 | }); 35 | $(".peity_bar_bad span").peity("bar", { 36 | colour: "#BA1E20" 37 | }); 38 | $(".peity_bar_neutral span").peity("bar", { 39 | colour: "#757575" 40 | }); 41 | 42 | // === jQeury Gritter, a growl-like notifications === // 43 | $.gritter.add({ 44 | title: 'Important Unread messages', 45 | text: 'You have 12 unread messages.', 46 | image: 'img/demo/envelope.png', 47 | sticky: false 48 | }); 49 | $('#gritter-notify .normal').click(function(){ 50 | $.gritter.add({ 51 | title: 'Normal notification', 52 | text: 'This is a normal notification', 53 | sticky: false 54 | }); 55 | }); 56 | 57 | $('#gritter-notify .sticky').click(function(){ 58 | $.gritter.add({ 59 | title: 'Sticky notification', 60 | text: 'This is a sticky notification', 61 | sticky: true 62 | }); 63 | }); 64 | 65 | $('#gritter-notify .image').click(function(){ 66 | var imgsrc = $(this).attr('data-image'); 67 | $.gritter.add({ 68 | title: 'Important Unread messages', 69 | text: 'You have 12 unread messages.', 70 | image: imgsrc, 71 | sticky: false 72 | }); 73 | }); 74 | }); 75 | -------------------------------------------------------------------------------- /js/matrix.popover.js: -------------------------------------------------------------------------------- 1 | 2 | $(function () 3 | { $("#example, #example2, #example3, #example4").popover(); 4 | }); 5 | 6 | 7 | !function( $ ) { 8 | "use strict" 9 | var Popover = function ( element, options ) { 10 | this.init('popover', element, options) 11 | } 12 | /* NOTE: POPOVER EXTENDS BOOTSTRAP-TOOLTIP.js 13 | ========================================== */ 14 | Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, { 15 | constructor: Popover 16 | , setContent: function () { 17 | var $tip = this.tip() 18 | , title = this.getTitle() 19 | , content = this.getContent() 20 | $tip.find('.popover-title')[ $.type(title) == 'object' ? 'append' : 'html' ](title) 21 | $tip.find('.popover-content > *')[ $.type(content) == 'object' ? 'append' : 'html' ](content) 22 | $tip.removeClass('fade top bottom left right in') 23 | } 24 | , hasContent: function () { 25 | return this.getTitle() || this.getContent() 26 | } 27 | , getContent: function () { 28 | var content 29 | , $e = this.$element 30 | , o = this.options 31 | content = $e.attr('data-content') 32 | || (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) 33 | content = content.toString().replace(/(^\s*|\s*$)/, "") 34 | return content 35 | } 36 | , tip: function() { 37 | if (!this.$tip) { 38 | this.$tip = $(this.options.template) 39 | } 40 | return this.$tip 41 | } 42 | }) 43 | /* POPOVER PLUGIN DEFINITION 44 | * ======================= */ 45 | $.fn.popover = function ( option ) { 46 | return this.each(function () { 47 | var $this = $(this) 48 | , data = $this.data('popover') 49 | , options = typeof option == 'object' && option 50 | if (!data) $this.data('popover', (data = new Popover(this, options))) 51 | if (typeof option == 'string') data[option]() 52 | }) 53 | } 54 | $.fn.popover.Constructor = Popover 55 | $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, { 56 | placement: 'right' 57 | , content: '' 58 | , template: '

' 59 | }) 60 | }( window.jQuery ); 61 | -------------------------------------------------------------------------------- /css/jquery.gritter.css: -------------------------------------------------------------------------------- 1 | /* the norm */ 2 | #gritter-notice-wrapper { 3 | position:fixed; 4 | top:50px; 5 | right:10px; 6 | width:301px; 7 | z-index:989; 8 | } 9 | #gritter-notice-wrapper.top-left { 10 | left: 20px; 11 | right: auto; 12 | } 13 | #gritter-notice-wrapper.bottom-right { 14 | top: auto; 15 | left: auto; 16 | bottom: 20px; 17 | right: 20px; 18 | } 19 | #gritter-notice-wrapper.bottom-left { 20 | top: auto; 21 | right: auto; 22 | bottom: 20px; 23 | left: 20px; 24 | } 25 | .gritter-item-wrapper { 26 | position:relative; 27 | margin:0 0 10px 0; 28 | } 29 | 30 | .gritter-top, .gritter-bottom { 31 | height: 0; 32 | } 33 | 34 | .gritter-item { 35 | display:block; 36 | background: #f74d4d; /* Old browsers */ 37 | color:#2b2b2b; box-shadow:3px 3px 20px #000; 38 | padding:7px 10px 10px; 39 | font-size: 11px; color:#fff; 40 | font-family: "Microsoft Yahei","verdana"; 41 | } 42 | .hover .gritter-item { 43 | } 44 | .gritter-item p { 45 | padding:0; 46 | margin:0; 47 | word-wrap:break-word; 48 | font-size: 10px; 49 | line-height: 14px; 50 | font-family: "Microsoft Yahei"; 51 | } 52 | .gritter-close { 53 | display:none; 54 | position:absolute; 55 | top:-7px; 56 | right:-9px; 57 | background:url(../img/gritter.png) no-repeat left top; 58 | cursor:pointer; 59 | width:30px; 60 | height:30px; 61 | } 62 | .gritter-title { 63 | font-size:12px; 64 | font-weight:bold; 65 | padding:0 0 7px 0; 66 | display:block; 67 | font-family: "Microsoft Yahei"; 68 | } 69 | .gritter-image { 70 | width:32px; 71 | height:32px; 72 | float:left; 73 | margin: 5px; 74 | } 75 | .gritter-with-image, 76 | .gritter-without-image { 77 | padding:0; 78 | } 79 | .gritter-with-image { 80 | width:220px; 81 | float:right; 82 | } 83 | /* for the light (white) version of the gritter notice */ 84 | .gritter-light .gritter-item, 85 | .gritter-light .gritter-bottom, 86 | .gritter-light .gritter-top, 87 | .gritter-light .gritter-close { 88 | background-image: url(../img/gritter-light.png); 89 | color: #222; 90 | } 91 | .gritter-light .gritter-title { 92 | text-shadow: none; 93 | } 94 | -------------------------------------------------------------------------------- /js/matrix.form_validation.js: -------------------------------------------------------------------------------- 1 | 2 | $(document).ready(function(){ 3 | 4 | $('input[type=checkbox],input[type=radio],input[type=file]').uniform(); 5 | 6 | $('select').select2(); 7 | 8 | // Form Validation 9 | $("#basic_validate").validate({ 10 | rules:{ 11 | required:{ 12 | required:true 13 | }, 14 | email:{ 15 | required:true, 16 | email: true 17 | }, 18 | date:{ 19 | required:true, 20 | date: true 21 | }, 22 | url:{ 23 | required:true, 24 | url: true 25 | } 26 | }, 27 | errorClass: "help-inline", 28 | errorElement: "span", 29 | highlight:function(element, errorClass, validClass) { 30 | $(element).parents('.control-group').addClass('error'); 31 | }, 32 | unhighlight: function(element, errorClass, validClass) { 33 | $(element).parents('.control-group').removeClass('error'); 34 | $(element).parents('.control-group').addClass('success'); 35 | } 36 | }); 37 | 38 | $("#number_validate").validate({ 39 | rules:{ 40 | min:{ 41 | required: true, 42 | min:10 43 | }, 44 | max:{ 45 | required:true, 46 | max:24 47 | }, 48 | number:{ 49 | required:true, 50 | number:true 51 | } 52 | }, 53 | errorClass: "help-inline", 54 | errorElement: "span", 55 | highlight:function(element, errorClass, validClass) { 56 | $(element).parents('.control-group').addClass('error'); 57 | }, 58 | unhighlight: function(element, errorClass, validClass) { 59 | $(element).parents('.control-group').removeClass('error'); 60 | $(element).parents('.control-group').addClass('success'); 61 | } 62 | }); 63 | 64 | $("#password_validate").validate({ 65 | rules:{ 66 | pwd:{ 67 | required: true, 68 | minlength:6, 69 | maxlength:20 70 | }, 71 | pwd2:{ 72 | required:true, 73 | minlength:6, 74 | maxlength:20, 75 | equalTo:"#pwd" 76 | } 77 | }, 78 | errorClass: "help-inline", 79 | errorElement: "span", 80 | highlight:function(element, errorClass, validClass) { 81 | $(element).parents('.control-group').addClass('error'); 82 | }, 83 | unhighlight: function(element, errorClass, validClass) { 84 | $(element).parents('.control-group').removeClass('error'); 85 | $(element).parents('.control-group').addClass('success'); 86 | } 87 | }); 88 | }); 89 | -------------------------------------------------------------------------------- /js/jquery.peity.min.js: -------------------------------------------------------------------------------- 1 | // Peity jQuery plugin version 0.6.0 2 | // (c) 2011 Ben Pickles 3 | // 4 | // http://benpickles.github.com/peity/ 5 | // 6 | // Released under MIT license. 7 | (function(i,k){function o(a,h){var b=k.createElement("canvas");b.setAttribute("width",a*m);b.setAttribute("height",h*m);m!=1&&b.setAttribute("style","width:"+a+"px;height:"+h+"px");return b}var g=i.fn.peity=function(a,h){k.createElement("canvas").getContext&&this.each(function(){i(this).change(function(){var b=i.extend({},h),d=this;i.each(b,function(a,c){i.isFunction(c)&&(b[a]=c.call(d))});var f=i(this).html();g.graphers[a].call(this,i.extend({},g.defaults[a],b));i(this).trigger("chart:changed",f)}).trigger("change")}); 8 | return this};g.graphers={};g.defaults={};g.add=function(a,h,b){g.graphers[a]=b;g.defaults[a]=h};var m=window.devicePixelRatio||1;g.add("pie",{colours:["#FFF4DD","#FF9900"],delimeter:"/",diameter:16},function(a){var h=i(this),b=h.text().split(a.delimeter),d=parseFloat(b[0]),f=parseFloat(b[1]),b=-Math.PI/2,d=d/f*Math.PI*2,f=o(a.diameter,a.diameter),e=f.getContext("2d"),c=f.width/2;e.beginPath();e.moveTo(c,c);e.arc(c,c,c,d+b,d==0?Math.PI*2:b,!1);e.fillStyle=a.colours[0];e.fill();e.beginPath();e.moveTo(c, 9 | c);e.arc(c,c,c,b,d+b,!1);e.fillStyle=a.colours[1];e.fill();h.wrapInner(i("").hide()).append(f)});g.add("line",{colour:"#c6d9fd",strokeColour:"#4d89f9",strokeWidth:1,delimeter:",",height:16,max:null,min:0,width:32},function(a){var h=i(this),b=o(a.width,a.height),d=h.text().split(a.delimeter);d.length==1&&d.push(d[0]);var f=Math.max.apply(Math,d.concat([a.max])),e=Math.min.apply(Math,d.concat([a.min])),c=b.getContext("2d"),g=b.width,l=b.height,q=g/(d.length-1),f=l/(f-e),n=[],j;c.beginPath();c.moveTo(0, 10 | l+e*f);for(j=0;j").hide()).append(b)});g.add("bar",{colour:"#4D89F9",delimeter:",",height:16,max:null,min:0,width:32},function(a){var h=i(this),b=h.text().split(a.delimeter),d=Math.max.apply(Math, 11 | b.concat([a.max])),f=Math.min.apply(Math,b.concat([a.min])),e=o(a.width,a.height),c=e.getContext("2d"),g=e.height,d=g/(d-f),l=m/2,k=(e.width+l)/b.length;c.fillStyle=a.colour;for(a=0;a").hide()).append(e)})})(jQuery,document); 12 | 13 | -------------------------------------------------------------------------------- /js/matrix.chat.js: -------------------------------------------------------------------------------- 1 | 2 | $(document).ready(function(){ 3 | 4 | var msg_template = '

'; 5 | 6 | $('.chat-message button').click(function(){ 7 | var input = $(this).siblings('span').children('input[type=text]'); 8 | if(input.val() != ''){ 9 | add_message('You','img/demo/av1.jpg',input.val(),true); 10 | } 11 | }); 12 | 13 | $('.chat-message input').keypress(function(e){ 14 | if(e.which == 13) { 15 | if($(this).val() != ''){ 16 | add_message('You','img/demo/av1.jpg',$(this).val(),true); 17 | } 18 | } 19 | }); 20 | 21 | setTimeout(function(){ 22 | add_message('Linda','img/demo/av2.jpg','Hello Every one do u want to freindship with me?') 23 | },'1000'); 24 | setTimeout(function(){ 25 | add_message('Mark','img/demo/av3.jpg','Yuppi! why not sirji!!.') 26 | },'4000'); 27 | setTimeout(function(){ 28 | add_message('Linda','img/demo/av2.jpg','Thanks!!! See you soon than') 29 | },'8000'); 30 | setTimeout(function(){ 31 | add_message('Mark','img/demo/av3.jpg','ok Bye than!!!.') 32 | },'12000'); 33 | setTimeout(function(){ 34 | remove_user('Linda','Linda') 35 | },'16000'); 36 | var i = 0; 37 | function add_message(name,img,msg,clear) { 38 | i = i + 1; 39 | var inner = $('#chat-messages-inner'); 40 | var time = new Date(); 41 | var hours = time.getHours(); 42 | var minutes = time.getMinutes(); 43 | if(hours < 10) hours = '0' + hours; 44 | if(minutes < 10) minutes = '0' + minutes; 45 | var id = 'msg-'+i; 46 | var idname = name.replace(' ','-').toLowerCase(); 47 | inner.append('

' 48 | +''+name+' - '+hours+':'+minutes+'' 49 | +''+msg+'

'); 50 | $('#'+id).hide().fadeIn(800); 51 | if(clear) { 52 | $('.chat-message input').val('').focus(); 53 | } 54 | $('#chat-messages').animate({ scrollTop: inner.height() },1000); 55 | } 56 | function remove_user(userid,name) { 57 | i = i + 1; 58 | $('.contact-list li#user-'+userid).addClass('offline').delay(1000).slideUp(800,function(){ 59 | $(this).remove(); 60 | }); 61 | var inner = $('#chat-messages-inner'); 62 | var id = 'msg-'+i; 63 | inner.append('

User '+name+' left the chat

'); 64 | $('#'+id).hide().fadeIn(800); 65 | } 66 | }); 67 | -------------------------------------------------------------------------------- /css/colorpicker.css: -------------------------------------------------------------------------------- 1 | /* 2 | Colorpicker for Bootstrap 3 | Copyright 2012 Stefan Petre 4 | Licensed under the Apache License v2.0 5 | http://www.apache.org/licenses/LICENSE-2.0 6 | */ 7 | .colorpicker-saturation { 8 | width: 100px; 9 | height: 100px; 10 | background-image: url('../img/saturation.png'); 11 | cursor: crosshair; 12 | float: left; 13 | } 14 | .colorpicker-saturation i { 15 | display: block; 16 | height: 5px; 17 | width: 5px; 18 | border: 1px solid #000; 19 | -webkit-border-radius: 5px; 20 | -moz-border-radius: 5px; 21 | border-radius: 5px; 22 | position: absolute; 23 | top: 0; 24 | left: 0; 25 | margin: -4px 0 0 -4px; 26 | } 27 | .colorpicker-saturation i b { 28 | display: block; 29 | height: 5px; 30 | width: 5px; 31 | border: 1px solid #fff; 32 | -webkit-border-radius: 5px; 33 | -moz-border-radius: 5px; 34 | border-radius: 5px; 35 | } 36 | .colorpicker-hue, .colorpicker-alpha { 37 | width: 15px; 38 | height: 100px; 39 | float: left; 40 | cursor: row-resize; 41 | margin-left: 4px; 42 | margin-bottom: 4px; 43 | } 44 | .colorpicker-hue i, .colorpicker-alpha i { 45 | display: block; 46 | height: 1px; 47 | background: #000; 48 | border-top: 1px solid #fff; 49 | position: absolute; 50 | top: 0; 51 | left: 0; 52 | width: 100%; 53 | margin-top: -1px; 54 | } 55 | .colorpicker-hue { 56 | background-image: url('../img/hue.png'); 57 | } 58 | .colorpicker-alpha { 59 | background-image: url('../img/alpha.html'); 60 | display: none; 61 | } 62 | .colorpicker { 63 | *zoom: 1; 64 | top: 0; 65 | left: 0; 66 | padding: 4px; 67 | min-width: 120px; 68 | margin-top: 1px; 69 | } 70 | .colorpicker:before, .colorpicker:after { 71 | display: table; 72 | content: ""; 73 | } 74 | .colorpicker:after { 75 | clear: both; 76 | } 77 | .colorpicker:before { 78 | content: ''; 79 | display: inline-block; 80 | position: absolute; 81 | top: -7px; 82 | left: 6px; 83 | } 84 | .colorpicker:after { 85 | content: ''; 86 | display: inline-block; 87 | position: absolute; 88 | top: -6px; 89 | left: 7px; 90 | } 91 | .colorpicker div { 92 | position: relative; 93 | } 94 | .colorpicker.alpha { 95 | min-width: 140px; 96 | } 97 | .colorpicker.alpha .colorpicker-alpha { 98 | display: block; 99 | } 100 | .colorpicker-color { 101 | height: 10px; 102 | margin-top: 5px; 103 | clear: both; 104 | background-image: url('../img/alpha.html'); 105 | background-position: 0 100%; 106 | } 107 | .colorpicker-color div { 108 | height: 10px; 109 | } 110 | .input-append.color .add-on i, .input-prepend.color .add-on i { 111 | display: block; 112 | cursor: pointer; 113 | width: 16px; 114 | height: 16px; 115 | } 116 | -------------------------------------------------------------------------------- /css/bootstrap-wysihtml5.css: -------------------------------------------------------------------------------- 1 | ul.wysihtml5-toolbar { 2 | margin: 0; 3 | padding: 0; 4 | display: block; 5 | } 6 | 7 | ul.wysihtml5-toolbar::after { 8 | clear: both; 9 | display: table; 10 | content: ""; 11 | } 12 | 13 | ul.wysihtml5-toolbar > li { 14 | float: left; 15 | display: list-item; 16 | list-style: none; 17 | margin: 0 5px 10px 0; 18 | } 19 | 20 | ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] { 21 | font-weight: bold; 22 | } 23 | 24 | ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] { 25 | font-style: italic; 26 | } 27 | 28 | ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] { 29 | text-decoration: underline; 30 | } 31 | 32 | ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { 33 | background-image: none; 34 | -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); 35 | -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); 36 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); 37 | background-color: #E6E6E6; 38 | background-color: #D9D9D9; 39 | outline: 0; 40 | } 41 | 42 | ul.wysihtml5-commands-disabled .dropdown-menu { 43 | display: none !important; 44 | } 45 | 46 | ul.wysihtml5-toolbar div.wysihtml5-colors { 47 | display:block; 48 | width: 50px; 49 | height: 20px; 50 | margin-top: 2px; 51 | margin-left: 5px; 52 | position: absolute; 53 | pointer-events: none; 54 | } 55 | 56 | ul.wysihtml5-toolbar a.wysihtml5-colors-title { 57 | padding-left: 70px; 58 | } 59 | 60 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] { 61 | background: black !important; 62 | } 63 | 64 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] { 65 | background: silver !important; 66 | } 67 | 68 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] { 69 | background: gray !important; 70 | } 71 | 72 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] { 73 | background: maroon !important; 74 | } 75 | 76 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] { 77 | background: red !important; 78 | } 79 | 80 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] { 81 | background: purple !important; 82 | } 83 | 84 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] { 85 | background: green !important; 86 | } 87 | 88 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] { 89 | background: olive !important; 90 | } 91 | 92 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] { 93 | background: navy !important; 94 | } 95 | 96 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] { 97 | background: blue !important; 98 | } 99 | 100 | ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] { 101 | background: orange !important; 102 | } -------------------------------------------------------------------------------- /chat.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Matrix Admin 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 |

聊天组件

19 |
20 |
21 |
22 |
23 |
24 |
25 |
Let's do a chat
26 |
27 |
28 |
29 |
30 |
Online Users
31 |
32 |
33 | 40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 | 48 | 49 | 50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /js/masked.js: -------------------------------------------------------------------------------- 1 | /* 2 | Masked Input plugin for jQuery 3 | Copyright (c) 2007-2011 Josh Bush (digitalbush.com) 4 | Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license) 5 | Version: 1.3 6 | */ 7 | (function(a){var b=(a.browser.msie?"paste":"input")+".mask",c=window.orientation!=undefined;a.mask={definitions:{9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"},dataName:"rawMaskFn"},a.fn.extend({caret:function(a,b){if(this.length!=0){if(typeof a=="number"){b=typeof b=="number"?b:a;return this.each(function(){if(this.setSelectionRange)this.setSelectionRange(a,b);else if(this.createTextRange){var c=this.createTextRange();c.collapse(!0),c.moveEnd("character",b),c.moveStart("character",a),c.select()}})}if(this[0].setSelectionRange)a=this[0].selectionStart,b=this[0].selectionEnd;else if(document.selection&&document.selection.createRange){var c=document.selection.createRange();a=0-c.duplicate().moveStart("character",-1e5),b=a+c.text.length}return{begin:a,end:b}}},unmask:function(){return this.trigger("unmask")},mask:function(d,e){if(!d&&this.length>0){var f=a(this[0]);return f.data(a.mask.dataName)()}e=a.extend({placeholder:"_",completed:null},e);var g=a.mask.definitions,h=[],i=d.length,j=null,k=d.length;a.each(d.split(""),function(a,b){b=="?"?(k--,i=a):g[b]?(h.push(new RegExp(g[b])),j==null&&(j=h.length-1)):h.push(null)});return this.trigger("unmask").each(function(){function v(a){var b=f.val(),c=-1;for(var d=0,g=0;db.length)break}else l[d]==b.charAt(g)&&d!=i&&(g++,c=d);if(!a&&c+1=i)u(),a||f.val(f.val().substring(0,c+1));return i?d:j}function u(){return f.val(l.join("")).val()}function t(a,b){for(var c=a;c=k&&e.completed.call(f)}}return!1}}function r(a){var b=a.which;if(b==8||b==46||c&&b==127){var d=f.caret(),e=d.begin,g=d.end;g-e==0&&(e=b!=46?o(e):g=n(e-1),g=b==46?n(g):g),t(e,g),p(e,g-1);return!1}if(b==27){f.val(m),f.caret(0,v());return!1}}function q(a){for(var b=a,c=e.placeholder;b=0&&!h[a]);return a}function n(a){while(++a<=k&&!h[a]);return a}var f=a(this),l=a.map(d.split(""),function(a,b){if(a!="?")return g[a]?e.placeholder:a}),m=f.val();f.data(a.mask.dataName,function(){return a.map(l,function(a,b){return h[b]&&a!=e.placeholder?a:null}).join("")}),f.attr("readonly")||f.one("unmask",function(){f.unbind(".mask").removeData(a.mask.dataName)}).bind("focus.mask",function(){m=f.val();var b=v();u();var c=function(){b==d.length?f.caret(0,b):f.caret(b)};(a.browser.msie?c:function(){setTimeout(c,0)})()}).bind("blur.mask",function(){v(),f.val()!=m&&f.change()}).bind("keydown.mask",r).bind("keypress.mask",s).bind(b,function(){setTimeout(function(){f.caret(v(!0))},0)}),v()})}})})(jQuery) -------------------------------------------------------------------------------- /css/matrix-media.css: -------------------------------------------------------------------------------- 1 | body { 2 | background:#2E363F; 3 | font-family: 'Microsoft Yahei'; 4 | } 5 | 6 | #header { 7 | background-color: #1f262d; 8 | margin-top:10px; 9 | } 10 | #search input[type=text], #search button { 11 | background-color: #28b779; 12 | } 13 | #search input[type=text]:focus { 14 | color: #777777; 15 | } 16 | #sidebar > ul{border-bottom: 1px solid #37414b} 17 | #sidebar > ul > li { 18 | border-top: 1px solid #37414b; border-bottom: 1px solid #1f262d; 19 | } 20 | #sidebar > ul > li.active { 21 | background-color: #27a9e3; border-bottom: 1px solid #27a9e3; border-top: 1px solid #27a9e3; 22 | } 23 | 24 | #sidebar > ul li ul li.active { 25 | background-color: #28b779; 26 | color: #fff; 27 | } 28 | 29 | #sidebar > ul > li.active a{ color:#fff; text-decoration:none;} 30 | 31 | #sidebar > ul > li > a > .label { 32 | background-color:#2E8B57; 33 | } 34 | #sidebar > ul > li > a:hover { 35 | background-color: #27a9e3; color:#fff; 36 | } 37 | #sidebar > ul li ul { 38 | background-color: #1e242b; 39 | } 40 | #sidebar > ul li ul li a{ color:#939da8} 41 | #sidebar > ul li ul li a:hover, #sidebar > ul li ul li.active a { 42 | background-color: #28b779; 43 | color: #fff; 44 | } 45 | 46 | 47 | #search input[type=text] { 48 | background-color: #47515b; color: #fff; 49 | } 50 | #search input[type=text]:focus { 51 | color: #242424; color: #fff; box-shadow:none; 52 | } 53 | .dropdown-menu li a:hover, .dropdown-menu .active a, .dropdown-menu .active a:hover { 54 | color: #eeeeee; 55 | background:#666; 56 | 57 | } 58 | .top_message{ float:right; padding:20px 12px; position:relative; top:-13px; border-left:1px solid #3D3A37; font-size:14px; line-height:20px; *line-height:20px; color:#333; text-align:center; vertical-align:middle; cursor:pointer; } 59 | .top_message:hover{ background:#000} 60 | .rightzero{ right:0px; display:none;} 61 | @media (max-width: 480px) { 62 | #sidebar > a { 63 | background:#27a9e3; 64 | 65 | } 66 | .quick-actions_homepage .quick-actions li{ min-width:100%;} 67 | } 68 | @media (min-width: 768px) and (max-width: 970px) {.quick-actions_homepage .quick-actions li{ min-width:20.5%;}} 69 | @media (min-width: 481px) and (max-width: 767px) { 70 | #sidebar > ul ul:before { 71 | } 72 | #sidebar > ul ul:after { 73 | border-right: 6px solid #222222; 74 | } 75 | .quick-actions_homepage .quick-actions li{ min-width:47%;} 76 | } 77 | div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;} 78 | div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica; font-size:13px;} 79 | div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px; } 80 | div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px; margin-right:5px; margin-bottom:5px; } 81 | div.tagsinput div { display:block; float: left; } 82 | .tags_clear { clear: both; width: 100%; height: 0px; } 83 | .not_valid {background: #FBD8DB !important; color: #90111A !important;} 84 | -------------------------------------------------------------------------------- /calendar.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Matrix Admin 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 |
19 |

日历

20 |
21 |
22 |
23 |
24 |
25 |
26 |
Calendar
27 |
Add new event 28 | 41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
Drag Events to the calander
50 |
51 |
52 |
My Event 1
53 |
My Event 2
54 |
My Event 3
55 |
My Event 4
56 |
My Event 5
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /form-wizard.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Matrix Admin 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 |

密码修改示例

19 |
20 |
21 |
22 |
23 |
24 |
25 |
Form wizard & validation
26 |
27 |
28 |
29 |
30 |
31 | 32 |
33 | 34 |
35 |
36 |
37 | 38 |
39 | 40 |
41 |
42 |
43 | 44 |
45 | 46 |
47 |
48 |
49 |
50 |
51 | 52 |
53 | 54 |
55 |
56 |
57 | 58 |
59 | 60 |
61 |
62 |
63 |
64 | 65 | 66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /js/matrix.charts.js: -------------------------------------------------------------------------------- 1 | 2 | $(document).ready(function(){ 3 | 4 | 5 | // === Prepare the chart data ===/ 6 | var sin = [], cos = []; 7 | for (var i = 0; i < 14; i += 0.5) { 8 | sin.push([i, Math.sin(i)]); 9 | cos.push([i, Math.cos(i)]); 10 | } 11 | // === Prepare the chart data ===/ 12 | var sin = [], cos = []; 13 | for (var i = 0; i < 14; i += 0.5) { 14 | sin.push([i, Math.sin(i)]); 15 | cos.push([i, Math.cos(i)]); 16 | } 17 | 18 | // === Make chart === // 19 | var plot = $.plot($(".chart"), 20 | [ { data: sin, label: "sin(x)", color: "#ee7951"}, { data: cos, label: "cos(x)",color: "#4fb9f0" } ], { 21 | series: { 22 | lines: { show: true }, 23 | points: { show: true } 24 | }, 25 | grid: { hoverable: true, clickable: true }, 26 | yaxis: { min: -1.6, max: 1.6 } 27 | }); 28 | 29 | // === Point hover in chart === // 30 | var previousPoint = null; 31 | $(".chart").bind("plothover", function (event, pos, item) { 32 | 33 | if (item) { 34 | if (previousPoint != item.dataIndex) { 35 | previousPoint = item.dataIndex; 36 | 37 | $('#tooltip').fadeOut(200,function(){ 38 | $(this).remove(); 39 | }); 40 | var x = item.datapoint[0].toFixed(2), 41 | y = item.datapoint[1].toFixed(2); 42 | 43 | maruti.flot_tooltip(item.pageX, item.pageY,item.series.label + " of " + x + " = " + y); 44 | } 45 | 46 | } else { 47 | $('#tooltip').fadeOut(200,function(){ 48 | $(this).remove(); 49 | }); 50 | previousPoint = null; 51 | } 52 | }); 53 | 54 | 55 | 56 | 57 | var data = []; 58 | var series = Math.floor(Math.random()*10)+1; 59 | for( var i = 0; i'+label+'
'+Math.round(series.percent)+'%'; 74 | }, 75 | background: { 76 | opacity: 0.5, 77 | color: '#000' 78 | } 79 | }, 80 | innerRadius: 0.2 81 | }, 82 | legend: { 83 | show: false 84 | } 85 | } 86 | }); 87 | var d1 = []; 88 | for (var i = 0; i <= 10; i += 1) d1.push([i, parseInt(Math.random() * 30)]); 89 | 90 | var data = new Array(); 91 | data.push({ 92 | data:d1, 93 | bars: { 94 | show: true, 95 | barWidth: 0.4, 96 | order: 1, 97 | } 98 | }); 99 | 100 | 101 | //Display graph 102 | var bar = $.plot($(".bars"), data, { 103 | legend: true 104 | }); 105 | 106 | }); 107 | 108 | 109 | maruti = { 110 | // === Tooltip for flot charts === // 111 | flot_tooltip: function(x, y, contents) { 112 | 113 | $('
' + contents + '
').css( { 114 | top: y + 5, 115 | left: x + 5 116 | }).appendTo("body").fadeIn(200); 117 | } 118 | } 119 | -------------------------------------------------------------------------------- /js/matrix.calendar.js: -------------------------------------------------------------------------------- 1 | 2 | $(document).ready(function(){ 3 | 4 | maruti.init(); 5 | 6 | $('#add-event-submit').click(function(){ 7 | maruti.add_event(); 8 | }); 9 | 10 | $('#event-name').keypress(function(e){ 11 | if(e.which == 13) { 12 | maruti.add_event(); 13 | } 14 | }); 15 | }); 16 | 17 | maruti = { 18 | 19 | // === Initialize the fullCalendar and external draggable events === // 20 | init: function() { 21 | // Prepare the dates 22 | var date = new Date(); 23 | var d = date.getDate(); 24 | var m = date.getMonth(); 25 | var y = date.getFullYear(); 26 | 27 | $('#fullcalendar').fullCalendar({ 28 | header: { 29 | left: 'prev,next', 30 | center: 'title', 31 | right: 'month,basicWeek,basicDay' 32 | }, 33 | editable: true, 34 | droppable: true, // this allows things to be dropped onto the calendar !!! 35 | drop: function(date, allDay) { // this function is called when something is dropped 36 | 37 | // retrieve the dropped element's stored Event Object 38 | var originalEventObject = $(this).data('eventObject'); 39 | 40 | // we need to copy it, so that multiple events don't have a reference to the same object 41 | var copiedEventObject = $.extend({}, originalEventObject); 42 | 43 | // assign it the date that was reported 44 | copiedEventObject.start = date; 45 | copiedEventObject.allDay = allDay; 46 | 47 | // render the event on the calendar 48 | // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/) 49 | $('#fullcalendar').fullCalendar('renderEvent', copiedEventObject, true); 50 | 51 | // is the "remove after drop" checkbox checked? 52 | 53 | // if so, remove the element from the "Draggable Events" list 54 | $(this).remove(); 55 | 56 | } 57 | }); 58 | this.external_events(); 59 | }, 60 | 61 | // === Adds an event if name is provided === // 62 | add_event: function(){ 63 | if($('#event-name').val() != '') { 64 | var event_name = $('#event-name').val(); 65 | $('#external-events .panel-content').append('
'+event_name+'
'); 66 | this.external_events(); 67 | $('#modal-add-event').modal('hide'); 68 | $('#event-name').val(''); 69 | } else { 70 | this.show_error(); 71 | } 72 | }, 73 | 74 | // === Initialize the draggable external events === // 75 | external_events: function(){ 76 | /* initialize the external events 77 | -----------------------------------------------------------------*/ 78 | $('#external-events div.external-event').each(function() { 79 | // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/) 80 | // it doesn't need to have a start or end 81 | var eventObject = { 82 | title: $.trim($(this).text()) // use the element's text as the event title 83 | }; 84 | 85 | // store the Event Object in the DOM element so we can get to it later 86 | $(this).data('eventObject', eventObject); 87 | 88 | // make the event draggable using jQuery UI 89 | $(this).draggable({ 90 | zIndex: 999, 91 | revert: true, // will cause the event to go back to its 92 | revertDuration: 0 // original position after the drag 93 | }); 94 | }); 95 | }, 96 | 97 | // === Show error if no event name is provided === // 98 | show_error: function(){ 99 | $('#modal-error').remove(); 100 | $('').appendTo('#modal-add-event .modal-body'); 101 | $('#modal-error').delay('1500').fadeOut(700,function() { 102 | $(this).remove(); 103 | }); 104 | } 105 | 106 | 107 | }; 108 | -------------------------------------------------------------------------------- /css/datepicker.css: -------------------------------------------------------------------------------- 1 | /* 2 | Datepicker for Bootstrap 3 | Copyright 2012 Stefan Petre 4 | Licensed under the Apache License v2.0 5 | http://www.apache.org/licenses/LICENSE-2.0 6 | */ 7 | .datepicker { 8 | top: 0; 9 | left: 0; 10 | padding: 4px; 11 | margin-top: 1px; /*.dow { border-top: 1px solid #ddd !important; }*/ 12 | } 13 | .datepicker:before { 14 | content: ''; 15 | display: inline-block; 16 | position: absolute; 17 | top: -7px; 18 | left: 6px; 19 | } 20 | .datepicker:after { 21 | content: ''; 22 | display: inline-block; 23 | 24 | } 25 | .datepicker > div { 26 | display: none; 27 | } 28 | .datepicker table { 29 | width: 100%; 30 | margin: 0; 31 | } 32 | .datepicker td, .datepicker th { 33 | text-align: center; 34 | width: 20px; 35 | height: 20px; 36 | 37 | } 38 | .datepicker td.day:hover { 39 | background: #eeeeee; 40 | cursor: pointer; 41 | } 42 | .datepicker td.old, .datepicker td.new { 43 | color: #999999; 44 | } 45 | .datepicker td.active, .datepicker td.active:hover { 46 | background: #49cced; 47 | border-color: #0044cc #0044cc #002a80; 48 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 49 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 50 | color: #fff; 51 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 52 | } 53 | .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { 54 | background-color: #49cced; 55 | } 56 | .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { 57 | background-color: #003399 \9; 58 | } 59 | .datepicker td span { 60 | display: block; 61 | width: 47px; 62 | height: 54px; 63 | line-height: 54px; 64 | float: left; 65 | margin: 2px; 66 | cursor: pointer; 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | .datepicker td span:hover { 72 | background: #eeeeee; 73 | } 74 | .datepicker td span.active { 75 | background-color: #006dcc; 76 | background-image: -moz-linear-gradient(top, #0088cc, #0044cc); 77 | background-image: -ms-linear-gradient(top, #0088cc, #0044cc); 78 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); 79 | background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); 80 | background-image: -o-linear-gradient(top, #0088cc, #0044cc); 81 | background-image: linear-gradient(top, #0088cc, #0044cc); 82 | background-repeat: repeat-x; 83 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); 84 | border-color: #0044cc #0044cc #002a80; 85 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 86 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 87 | color: #fff; 88 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 89 | } 90 | .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { 91 | background-color: #0044cc; 92 | } 93 | .datepicker td span.active:active, .datepicker td span.active.active { 94 | background-color: #003399 \9; 95 | } 96 | .datepicker td span.old { 97 | color: #999999; 98 | } 99 | .datepicker th.switch { 100 | width: 145px; 101 | } 102 | .datepicker th.next, .datepicker th.prev { 103 | font-size: 19.5px; 104 | } 105 | .datepicker thead tr:first-child th { 106 | cursor: pointer; 107 | } 108 | .datepicker thead tr:first-child th:hover { 109 | background: #eeeeee; 110 | } 111 | .input-append.date .add-on i, .input-prepend.date .add-on i { 112 | display: block; 113 | cursor: pointer; 114 | width: 16px; 115 | height: 16px; 116 | } 117 | -------------------------------------------------------------------------------- /js/jquery.gritter.min.js: -------------------------------------------------------------------------------- 1 | (function(b){b.gritter={};b.gritter.options={position:"",class_name:"",fade_in_speed:"medium",fade_out_speed:1000,time:6000};b.gritter.add=function(f){try{return a.add(f||{})}catch(d){var c="Gritter Error: "+d;(typeof(console)!="undefined"&&console.error)?console.error(c,f):alert(c)}};b.gritter.remove=function(d,c){a.removeSpecific(d,c||{})};b.gritter.removeAll=function(c){a.stop(c||{})};var a={position:"",fade_in_speed:"",fade_out_speed:"",time:"",_custom_timer:0,_item_count:0,_is_setup:0,_tpl_close:'
',_tpl_title:'[[title]]',_tpl_item:'',_tpl_wrap:'
',add:function(g){if(typeof(g)=="string"){g={text:g}}if(!g.text){throw'You must supply "text" parameter.'}if(!this._is_setup){this._runSetup()}var k=g.title,n=g.text,e=g.image||"",l=g.sticky||false,m=g.class_name||b.gritter.options.class_name,j=b.gritter.options.position,d=g.time||"";this._verifyWrapper();this._item_count++;var f=this._item_count,i=this._tpl_item;b(["before_open","after_open","before_close","after_close"]).each(function(p,q){a["_"+q+"_"+f]=(b.isFunction(g[q]))?g[q]:function(){}});this._custom_timer=0;if(d){this._custom_timer=d}var c=(e!="")?'':"",h=(e!="")?"gritter-with-image":"gritter-without-image";if(k){k=this._str_replace("[[title]]",k,this._tpl_title)}else{k=""}i=this._str_replace(["[[title]]","[[text]]","[[close]]","[[image]]","[[number]]","[[class_name]]","[[item_class]]"],[k,n,this._tpl_close,c,this._item_count,h,m],i);if(this["_before_open_"+f]()===false){return false}b("#gritter-notice-wrapper").addClass(j).append(i);var o=b("#gritter-item-"+this._item_count);o.fadeIn(this.fade_in_speed,function(){a["_after_open_"+f](b(this))});if(!l){this._setFadeTimer(o,f)}b(o).bind("mouseenter mouseleave",function(p){if(p.type=="mouseenter"){if(!l){a._restoreItemIfFading(b(this),f)}}else{if(!l){a._setFadeTimer(b(this),f)}}a._hoverState(b(this),p.type)});b(o).find(".gritter-close").click(function(){a.removeSpecific(f,{},null,true)});return f},_countRemoveWrapper:function(c,d,f){d.remove();this["_after_close_"+c](d,f);if(b(".gritter-item-wrapper").length==0){b("#gritter-notice-wrapper").remove()}},_fade:function(g,d,j,f){var j=j||{},i=(typeof(j.fade)!="undefined")?j.fade:true,c=j.speed||this.fade_out_speed,h=f;this["_before_close_"+d](g,h);if(f){g.unbind("mouseenter mouseleave")}if(i){g.animate({opacity:0},c,function(){g.animate({height:0},300,function(){a._countRemoveWrapper(d,g,h)})})}else{this._countRemoveWrapper(d,g)}},_hoverState:function(d,c){if(c=="mouseenter"){d.addClass("hover");d.find(".gritter-close").show()}else{d.removeClass("hover");d.find(".gritter-close").hide()}},removeSpecific:function(c,g,f,d){if(!f){var f=b("#gritter-item-"+c)}this._fade(f,c,g||{},d)},_restoreItemIfFading:function(d,c){clearTimeout(this["_int_id_"+c]);d.stop().css({opacity:"",height:""})},_runSetup:function(){for(opt in b.gritter.options){this[opt]=b.gritter.options[opt]}this._is_setup=1},_setFadeTimer:function(f,d){var c=(this._custom_timer)?this._custom_timer:this.time;this["_int_id_"+d]=setTimeout(function(){a._fade(f,d)},c)},stop:function(e){var c=(b.isFunction(e.before_close))?e.before_close:function(){};var f=(b.isFunction(e.after_close))?e.after_close:function(){};var d=b("#gritter-notice-wrapper");c(d);d.fadeOut(function(){b(this).remove();f()})},_str_replace:function(v,e,o,n){var k=0,h=0,t="",m="",g=0,q=0,l=[].concat(v),c=[].concat(e),u=o,d=c instanceof Array,p=u instanceof Array;u=[].concat(u);if(n){this.window[n]=0}for(k=0,g=u.length;k li > a{ padding:3px 10px; color:#666; font-size:12px;} 15 | .dropdown-menu > li > a i{ padding-right:3px;} 16 | .userphoto img{ width:19px; height:19px;} 17 | select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .label, .dropdown-menu, .btn, .well, .progress, .table-bordered, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .alert{ border-radius:0px;} 18 | .btn, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ box-shadow:none;} 19 | .progress, .progress-success .bar, .progress .bar-success, .progress-warning .bar, .progress .bar-warning, .progress-danger .bar, .progress .bar-danger, .progress-info .bar, .progress .bar-info, .btn, .btn-primary{background-image:none;} 20 | .accordion-heading h5{ width:70%; } 21 | .form-horizontal .form-actions{ padding-left:20px; } 22 | #footer{ padding:10px; text-align:center;} 23 | hr{ border-top-color:#dadada;} 24 | .carousel{ margin-bottom:0px;} 25 | .fl { float:left } 26 | .fr { float:right } 27 | .label-important, .badge-important{ background:#f74d4d;} 28 | 29 | /*Metro Background color class*/ 30 | .bg_lb{ background:#27a9e3; } 31 | .bg_db{ background:#2295c9; } 32 | .bg_lg{ background:#28b779; } 33 | .bg_dg{ background:#28b779; } 34 | .bg_ly{ background:#ffb848; } 35 | .bg_dy{ background:#da9628; } 36 | .bg_ls{ background:#2255a4; } 37 | .bg_lo{ background:#da542e; } 38 | .bg_lr{ background:#f74d4d; } 39 | .bg_lv{ background:#603bbc; } 40 | .bg_lh{ background:#b6b3b3; } 41 | 42 | body {background-color:#2E363F; padding: 0; margin-top:10%;} 43 | #logo, #loginbox {width: 450px; margin-left: auto; margin-right: auto; position: relative;} 44 | #logo img {margin: 0 auto; display: block;} 45 | #loginbox {overflow: hidden !important; text-align: left; position: relative; } 46 | #loginbox form{ width:100%; background:#2E363F; position:relative; top:0; left:0; } 47 | #loginbox .form-actions { padding: 6px 4px 20px;} 48 | #loginbox .form-actions .pull-left { margin-top:0px;} 49 | #loginbox form#loginform { z-index: 200; display:block;} 50 | #loginbox form#recoverform { z-index: 100; display:none;} 51 | #loginbox form#recoverform .form-actions { margin-top: 0px;} 52 | #loginbox .main_input_box { margin:0 auto; text-align:center;} 53 | #loginbox .main_input_box .add-on{ padding:9px 9px; *line-height:31px; color:#fff; width:30px; display:inline-block;} 54 | #loginbox .main_input_box input{ height:30px; border:0px; display:inline-block; width:85%; line-height:28px; margin-bottom:3px;} 55 | #loginbox .controls{ padding:0 0px;} 56 | #loginbox .control-group { padding:10px 0px; margin-bottom:0px;} 57 | #loginbox .control-group2 { padding:0px 0px 20px 0px; margin-bottom:0px;} 58 | .form-actions {margin-top: 0px; margin-bottom: 0px; background:none; border-top: none; border-bottom: 1px solid #616161;} 59 | .form-vertical{margin-top: 0px; margin-bottom: 0px; background:#616161; border-top: 1px solid #616161;} 60 | #loginbox .normal_text{ padding:10px 10px; text-align:center; font-size:14px; line-height:30px; background:#2E363F; color:#B2DFEE; } 61 | 62 | /*#loginform .control-group{background: #778899; }*/ 63 | 64 | @media (max-width:800px){ 65 | #logo { width: 60%; } 66 | #loginbox{ width:80%; } 67 | } 68 | 69 | @media (max-width: 480px){ 70 | #logo { width: 40%; } 71 | #loginbox{ width:90%; } 72 | #loginbox .control-group{ padding:8px 0; margin-bottom:0px;} 73 | } -------------------------------------------------------------------------------- /js/matrix.dashboard.js: -------------------------------------------------------------------------------- 1 | 2 | $(document).ready(function(){ 3 | 4 | 5 | 6 | // === Prepare peity charts === // 7 | maruti.peity(); 8 | 9 | // === Prepare the chart data ===/ 10 | var sin = [], cos = []; 11 | for (var i = 0; i < 14; i += 0.5) { 12 | sin.push([i, Math.sin(i)]); 13 | cos.push([i, Math.cos(i)]); 14 | } 15 | 16 | // === Make chart === // 17 | var plot = $.plot($(".chart"), 18 | [ { data: sin, label: "sin(x)", color: "#ee7951"}, { data: cos, label: "cos(x)",color: "#4fb9f0" } ], { 19 | series: { 20 | lines: { show: true }, 21 | points: { show: true } 22 | }, 23 | grid: { hoverable: true, clickable: true }, 24 | yaxis: { min: -1.6, max: 1.6 } 25 | }); 26 | 27 | // === Point hover in chart === // 28 | var previousPoint = null; 29 | $(".chart").bind("plothover", function (event, pos, item) { 30 | 31 | if (item) { 32 | if (previousPoint != item.dataIndex) { 33 | previousPoint = item.dataIndex; 34 | 35 | $('#tooltip').fadeOut(200,function(){ 36 | $(this).remove(); 37 | }); 38 | var x = item.datapoint[0].toFixed(2), 39 | y = item.datapoint[1].toFixed(2); 40 | 41 | maruti.flot_tooltip(item.pageX, item.pageY,item.series.label + " of " + x + " = " + y); 42 | } 43 | 44 | } else { 45 | $('#tooltip').fadeOut(200,function(){ 46 | $(this).remove(); 47 | }); 48 | previousPoint = null; 49 | } 50 | }); 51 | 52 | 53 | 54 | 55 | // === Calendar === // 56 | var date = new Date(); 57 | var d = date.getDate(); 58 | var m = date.getMonth(); 59 | var y = date.getFullYear(); 60 | 61 | $('.calendar').fullCalendar({ 62 | header: { 63 | left: 'prev,next', 64 | center: 'title', 65 | right: 'month,basicWeek,basicDay' 66 | }, 67 | editable: true, 68 | events: [ 69 | { 70 | title: 'All day event', 71 | start: new Date(y, m, 1) 72 | }, 73 | { 74 | title: 'Long event', 75 | start: new Date(y, m, 5), 76 | end: new Date(y, m, 8) 77 | }, 78 | { 79 | id: 999, 80 | title: 'Repeating event', 81 | start: new Date(y, m, 2, 16, 0), 82 | end: new Date(y, m, 3, 18, 0), 83 | allDay: false 84 | }, 85 | { 86 | id: 999, 87 | title: 'Repeating event', 88 | start: new Date(y, m, 9, 16, 0), 89 | end: new Date(y, m, 10, 18, 0), 90 | allDay: false 91 | }, 92 | { 93 | title: 'Lunch', 94 | start: new Date(y, m, 14, 12, 0), 95 | end: new Date(y, m, 15, 14, 0), 96 | allDay: false 97 | }, 98 | { 99 | title: 'Birthday PARTY', 100 | start: new Date(y, m, 18), 101 | end: new Date(y, m, 20), 102 | allDay: false 103 | }, 104 | { 105 | title: 'Click for Google', 106 | start: new Date(y, m, 27), 107 | end: new Date(y, m, 29), 108 | url: 'http://www.google.com' 109 | } 110 | ] 111 | }); 112 | }); 113 | 114 | 115 | maruti = { 116 | // === Peity charts === // 117 | peity: function(){ 118 | $.fn.peity.defaults.line = { 119 | strokeWidth: 1, 120 | delimeter: ",", 121 | height: 24, 122 | max: null, 123 | min: 0, 124 | width: 50 125 | }; 126 | $.fn.peity.defaults.bar = { 127 | delimeter: ",", 128 | height: 24, 129 | max: null, 130 | min: 0, 131 | width: 50 132 | }; 133 | $(".peity_line_good span").peity("line", { 134 | colour: "#57a532", 135 | strokeColour: "#459D1C" 136 | }); 137 | $(".peity_line_bad span").peity("line", { 138 | colour: "#FFC4C7", 139 | strokeColour: "#BA1E20" 140 | }); 141 | $(".peity_line_neutral span").peity("line", { 142 | colour: "#CCCCCC", 143 | strokeColour: "#757575" 144 | }); 145 | $(".peity_bar_good span").peity("bar", { 146 | colour: "#459D1C" 147 | }); 148 | $(".peity_bar_bad span").peity("bar", { 149 | colour: "#BA1E20" 150 | }); 151 | $(".peity_bar_neutral span").peity("bar", { 152 | colour: "#4fb9f0" 153 | }); 154 | }, 155 | 156 | // === Tooltip for flot charts === // 157 | flot_tooltip: function(x, y, contents) { 158 | 159 | $('
' + contents + '
').css( { 160 | top: y + 5, 161 | left: x + 5 162 | }).appendTo("body").fadeIn(200); 163 | } 164 | } 165 | -------------------------------------------------------------------------------- /login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Matrix Admin 6 | 7 | 8 | 9 | 10 | 11 | 12 | 21 | 22 | 23 |
24 |
25 |

信息管理系统平台

26 | 版权所有 © iProg网络科技有限公司 2015-2018 27 |
28 |
29 |
30 | 31 |
32 |
33 | 34 |
35 |
36 |
37 |
38 | 39 |
40 |
41 | 42 |
43 |
44 |
45 |
46 | 忘记密码? 47 | 48 |
49 |
50 |
推荐使用webkit内核浏览器,如chrome等
51 |
52 |
53 | 54 | 55 |
56 | 57 |
58 |
59 | 60 |
61 |
62 |
63 | 64 |
65 |
66 | 67 |
68 |
69 |
70 |
71 | 72 |
73 |
74 | 75 |
76 |
77 |
78 |
79 | « 返回登录 80 | 重置密码 81 |
82 |
83 |
推荐使用webkit内核浏览器,如chrome等
84 |
85 |
86 | 87 |
88 | 89 | 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /js/matrix.login.js: -------------------------------------------------------------------------------- 1 | function showDialog(title,msg) { 2 | $("#myModal").find(".modal-header h3").html(title); 3 | $("#myModal").attr('class','modal'); 4 | $("#myModal").find(".modal-body p").html(msg); 5 | setTimeout(function(){ 6 | $("#myModal").attr('class','modal hide'); 7 | },3000); 8 | } 9 | 10 | function keydown(e) 11 | { 12 | var e = e||event; 13 | var currKey = e.keyCode||e.which||e.charCode; 14 | if(currKey == 13) 15 | { 16 | checkLogin(); 17 | } 18 | } 19 | 20 | function checkLogin(){ 21 | var username = $("input[name=username]").val(); 22 | var password = $("input[name=password]").val(); 23 | 24 | if ($.trim(username) == "" || $.trim(password) == "") { 25 | return false; 26 | } 27 | 28 | $.ajax({ 29 | url:'?act=admin.login', 30 | data: { 31 | username : username, 32 | password : password 33 | }, 34 | type:'post', 35 | success:function(data) { 36 | if (data == 1) { 37 | window.location.href="?act=index.main"; 38 | }else if(data == -1){ 39 | showDialog("登陆信息","抱歉,账号和密码错误,登录失败!"); 40 | }else{ 41 | showDialog("登陆信息","抱歉,你的账号非园长或管理员,不能登录!"); 42 | } 43 | }, 44 | error : function() {} 45 | }); 46 | } 47 | 48 | function validatePwd(str){ 49 | if(str.length!=0){ 50 | reg=/^[A-Za-z]+[0-9]+[A-Za-z0-9]*|[0-9]+[A-Za-z]+[A-Za-z0-9]*$/; 51 | if(!reg.test(str)){ 52 | return false; 53 | } else { 54 | return true; 55 | } 56 | } 57 | 58 | return false; 59 | } 60 | 61 | 62 | $(document).ready(function(){ 63 | 64 | var login = $('#loginform'); 65 | var recover = $('#recoverform'); 66 | var speed = 400; 67 | 68 | $('#to-recover').click(function(){ 69 | $("#loginform").slideUp(); 70 | $("#recoverform").fadeIn(); 71 | }); 72 | 73 | $('#to-login').click(function(){ 74 | $("#recoverform").hide(); 75 | $("#loginform").fadeIn(); 76 | }); 77 | 78 | $("#changePwd").click(function(){ 79 | 80 | var username = $("input[name=re_username]").val(); 81 | var password = $("input[name=re_password]").val(); 82 | var confirmpassword = $("input[name=re_confirmpassword]").val(); 83 | 84 | if ($.trim(username) == "" || $.trim(password) == "" || $.trim(confirmpassword) == "" ) { 85 | showDialog("重置密码信息","账号、密码和确认密码项不能为空!"); 86 | return false; 87 | } 88 | 89 | var flag = validatePwd(password); 90 | 91 | if (!flag || password.length<6) { 92 | showDialog("重置密码信息","密码必须为英文字符和数字组合,且不能低于6位!"); 93 | return false; 94 | } 95 | 96 | if (password != confirmpassword) { 97 | showDialog("重置密码信息","密码和确认密码项不一致,请检查!"); 98 | return false; 99 | } 100 | 101 | $.ajax({ 102 | url:'?act=admin.forgetPassword', 103 | data: { 104 | username : username, 105 | password : password 106 | }, 107 | type:'post', 108 | success:function(data) { 109 | if (data == 1) { 110 | showDialog("重置密码信息","你好,密码重置成功,请返回登陆!"); 111 | }else if(data==0){ 112 | showDialog("重置密码信息","你好,密码重置失败,请稍后重试!"); 113 | }else{ 114 | showDialog("重置密码信息","你好,参数异常,请重新填写表单!"); 115 | } 116 | }, 117 | error : function() { 118 | } 119 | }); 120 | }); 121 | 122 | if($.browser.msie == true && $.browser.version.slice(0,3) < 10) { 123 | $('input[placeholder]').each(function(){ 124 | var input = $(this); 125 | 126 | $(input).val(input.attr('placeholder')); 127 | 128 | $(input).focus(function(){ 129 | if (input.val() == input.attr('placeholder')) { 130 | input.val(''); 131 | } 132 | }); 133 | 134 | $(input).blur(function(){ 135 | if (input.val() == '' || input.val() == input.attr('placeholder')) { 136 | input.val(input.attr('placeholder')); 137 | } 138 | }); 139 | }); 140 | } 141 | 142 | $("#modelClose").click(function(){ 143 | $("#myModal").attr('class','modal hide'); 144 | }); 145 | 146 | }); -------------------------------------------------------------------------------- /js/matrix.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | // === Sidebar navigation === // 3 | 4 | $('.menu_a').click(function(e){ 5 | $("#iframe-main").attr("src", $(this).attr('link')); 6 | 7 | $(".menu_a").parent('li').removeClass('active'); 8 | 9 | $(this).parent('li').addClass('active'); 10 | }); 11 | 12 | $('.submenu > a').click(function(e) 13 | { 14 | e.preventDefault(); 15 | var submenu = $(this).siblings('ul'); 16 | var li = $(this).parents('li'); 17 | var submenus = $('#sidebar li.submenu ul'); 18 | var submenus_parents = $('#sidebar li.submenu'); 19 | if(li.hasClass('open')) 20 | { 21 | if(($(window).width() > 768) || ($(window).width() < 479)) { 22 | submenu.slideUp(); 23 | } else { 24 | submenu.fadeOut(250); 25 | } 26 | li.removeClass('open'); 27 | } else 28 | { 29 | if(($(window).width() > 768) || ($(window).width() < 479)) { 30 | submenus.slideUp(); 31 | submenu.slideDown(); 32 | } else { 33 | submenus.fadeOut(250); 34 | submenu.fadeIn(250); 35 | } 36 | submenus_parents.removeClass('open'); 37 | li.addClass('open'); 38 | } 39 | }); 40 | 41 | var ul = $('#sidebar > ul'); 42 | 43 | $('#sidebar > a').click(function(e) 44 | { 45 | e.preventDefault(); 46 | var sidebar = $('#sidebar'); 47 | if(sidebar.hasClass('open')) 48 | { 49 | sidebar.removeClass('open'); 50 | ul.slideUp(250); 51 | } else 52 | { 53 | sidebar.addClass('open'); 54 | ul.slideDown(250); 55 | } 56 | }); 57 | 58 | // === Resize window related === // 59 | $(window).resize(function() 60 | { 61 | if($(window).width() > 479) 62 | { 63 | ul.css({'display':'block'}); 64 | $('#content-header .btn-group').css({width:'auto'}); 65 | } 66 | if($(window).width() < 479) 67 | { 68 | ul.css({'display':'none'}); 69 | fix_position(); 70 | } 71 | if($(window).width() > 768) 72 | { 73 | $('#user-nav > ul').css({width:'auto',margin:'0'}); 74 | $('#content-header .btn-group').css({width:'auto'}); 75 | } 76 | }); 77 | 78 | if($(window).width() < 468) 79 | { 80 | ul.css({'display':'none'}); 81 | fix_position(); 82 | } 83 | 84 | if($(window).width() > 479) 85 | { 86 | $('#content-header .btn-group').css({width:'auto'}); 87 | ul.css({'display':'block'}); 88 | } 89 | 90 | // === Tooltips === // 91 | $('.tip').tooltip(); 92 | $('.tip-left').tooltip({ placement: 'left' }); 93 | $('.tip-right').tooltip({ placement: 'right' }); 94 | $('.tip-top').tooltip({ placement: 'top' }); 95 | $('.tip-bottom').tooltip({ placement: 'bottom' }); 96 | 97 | // === Search input typeahead === // 98 | $('#search input[type=text]').typeahead({ 99 | source: ['Dashboard','Form elements','Common Elements','Validation','Wizard','Buttons','Icons','Interface elements','Support','Calendar','Gallery','Reports','Charts','Graphs','Widgets'], 100 | items: 4 101 | }); 102 | 103 | // === Fixes the position of buttons group in content header and top user navigation === // 104 | function fix_position() 105 | { 106 | var uwidth = $('#user-nav > ul').width(); 107 | $('#user-nav > ul').css({width:uwidth,'margin-left':'-' + uwidth / 2 + 'px'}); 108 | 109 | var cwidth = $('#content-header .btn-group').width(); 110 | $('#content-header .btn-group').css({width:cwidth,'margin-left':'-' + uwidth / 2 + 'px'}); 111 | } 112 | 113 | // === Style switcher === // 114 | $('#style-switcher i').click(function() 115 | { 116 | if($(this).hasClass('open')) 117 | { 118 | $(this).parent().animate({marginRight:'-=190'}); 119 | $(this).removeClass('open'); 120 | } else 121 | { 122 | $(this).parent().animate({marginRight:'+=190'}); 123 | $(this).addClass('open'); 124 | } 125 | $(this).toggleClass('icon-arrow-left'); 126 | $(this).toggleClass('icon-arrow-right'); 127 | }); 128 | 129 | $('#style-switcher a').click(function() 130 | { 131 | var style = $(this).attr('href').replace('#',''); 132 | $('.skin-color').attr('href','css/maruti.'+style+'.css'); 133 | $(this).siblings('a').css({'border-color':'transparent'}); 134 | $(this).css({'border-color':'#aaaaaa'}); 135 | }); 136 | 137 | $('.lightbox_trigger').click(function(e) { 138 | 139 | e.preventDefault(); 140 | 141 | var image_href = $(this).attr("href"); 142 | 143 | if ($('#lightbox').length > 0) { 144 | 145 | $('#imgbox').html('

'); 146 | 147 | $('#lightbox').slideDown(500); 148 | } 149 | 150 | else { 151 | var lightbox = 152 | ''; 157 | 158 | $('body').append(lightbox); 159 | $('#lightbox').slideDown(500); 160 | } 161 | 162 | }); 163 | 164 | 165 | $('#lightbox').live('click', function() { 166 | $('#lightbox').hide(200); 167 | }); 168 | 169 | }); 170 | 171 | -------------------------------------------------------------------------------- /form-validation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Matrix Admin 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 |
20 |

校验表单

21 |
22 |
23 |
24 |
25 |
26 |
27 |
Form validation
28 |
29 |
30 |
31 |
32 | 33 |
34 | 35 |
36 |
37 |
38 | 39 |
40 | 41 |
42 |
43 |
44 | 45 |
46 | 47 |
48 |
49 |
50 | 51 |
52 | 53 |
54 |
55 |
56 | 57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
Numeric validation
68 |
69 |
70 |
71 |
72 | 73 |
74 | 75 |
76 |
77 |
78 | 79 |
80 | 81 |
82 |
83 |
84 | 85 |
86 | 87 |
88 |
89 |
90 | 91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
Security validation
101 |
102 |
103 |
104 |
105 | 106 |
107 | 108 |
109 |
110 |
111 | 112 |
113 | 114 |
115 |
116 |
117 | 118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | -------------------------------------------------------------------------------- /js/matrix.form_common.js: -------------------------------------------------------------------------------- 1 | 2 | $(document).ready(function(){ 3 | 4 | $('input[type=checkbox],input[type=radio],input[type=file]').uniform(); 5 | 6 | $('select').select2(); 7 | $('.colorpicker').colorpicker(); 8 | $('.datepicker').datepicker(); 9 | }); 10 | 11 | $(document).ready(function() { 12 | 13 | //------------- Tags plugin -------------// 14 | 15 | $("#tags").select2({ 16 | tags:["red", "green", "blue", "orange"] 17 | }); 18 | 19 | //------------- Elastic textarea -------------// 20 | if ($('textarea').hasClass('elastic')) { 21 | $('.elastic').elastic(); 22 | } 23 | 24 | //------------- Input limiter -------------// 25 | if ($('textarea').hasClass('limit')) { 26 | $('.limit').inputlimiter({ 27 | limit: 100 28 | }); 29 | } 30 | 31 | //------------- Masked input fields -------------// 32 | $("#mask-phone").mask("(999) 999-9999", {completed:function(){alert("Callback action after complete");}}); 33 | $("#mask-phoneExt").mask("(999) 999-9999? x99999"); 34 | $("#mask-phoneInt").mask("+40 999 999 999"); 35 | $("#mask-date").mask("99/99/9999"); 36 | $("#mask-ssn").mask("999-99-9999"); 37 | $("#mask-productKey").mask("a*-999-a999", { placeholder: "*" }); 38 | $("#mask-eyeScript").mask("~9.99 ~9.99 999"); 39 | $("#mask-percent").mask("99%"); 40 | 41 | //------------- Toggle button -------------// 42 | 43 | $('.normal-toggle-button').toggleButtons(); 44 | $('.text-toggle-button').toggleButtons({ 45 | width: 140, 46 | label: { 47 | enabled: "ONLINE", 48 | disabled: "OFFLINE" 49 | } 50 | }); 51 | $('.iToggle-button').toggleButtons({ 52 | width: 70, 53 | label: { 54 | enabled: "", 55 | disabled: "" 56 | } 57 | }); 58 | 59 | //------------- Spinners with steps -------------// 60 | $( "#spinner1" ).spinner(); 61 | 62 | /*Demacial*/ 63 | $( "#spinner2" ).spinner({ 64 | step: 0.01, 65 | numberFormat: "n" 66 | }); 67 | 68 | /*Custom step size*/ 69 | $( "#spinner3" ).spinner({ 70 | step: 5 71 | }); 72 | 73 | /*Currency spinner*/ 74 | $( "#spinner4" ).spinner({ 75 | numberFormat: "C" 76 | }); 77 | 78 | //------------- Colorpicker -------------// 79 | if($('div').hasClass('picker')){ 80 | $('.picker').farbtastic('#color'); 81 | } 82 | //------------- Datepicker -------------// 83 | if($('#datepicker').length) { 84 | $("#datepicker").datepicker({ 85 | showOtherMonths:true 86 | }); 87 | } 88 | if($('#datepicker-inline').length) { 89 | $('#datepicker-inline').datepicker({ 90 | inline: true, 91 | showOtherMonths:true 92 | }); 93 | } 94 | 95 | //------------- Combined picker -------------// 96 | if($('#combined-picker').length) { 97 | $('#combined-picker').datetimepicker(); 98 | } 99 | 100 | //------------- Time entry (picker) -------------// 101 | $('#timepicker').timeEntry({ 102 | show24Hours: true, 103 | spinnerImage: '' 104 | }); 105 | $('#timepicker').timeEntry('setTime', '22:15') 106 | 107 | //------------- Select plugin -------------// 108 | $("#select1").select2(); 109 | $("#select2").select2(); 110 | 111 | //--------------- Dual multi select ------------------// 112 | $.configureBoxes(); 113 | 114 | //--------------- Tinymce ------------------// 115 | $('textarea.tinymce').tinymce({ 116 | // Location of TinyMCE script 117 | script_url : 'plugins/forms/tiny_mce/tiny_mce.js', 118 | 119 | // General options 120 | theme : "advanced", 121 | plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist", 122 | 123 | // Theme options 124 | theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect", 125 | theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", 126 | theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", 127 | theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak", 128 | theme_advanced_toolbar_location : "top", 129 | theme_advanced_toolbar_align : "left", 130 | theme_advanced_statusbar_location : "bottom", 131 | theme_advanced_resizing : true, 132 | 133 | // Example content CSS (should be your site CSS) 134 | content_css : "css/main.css", 135 | 136 | // Drop lists for link/image/media/template dialogs 137 | template_external_list_url : "lists/template_list.js", 138 | external_link_list_url : "lists/link_list.js", 139 | external_image_list_url : "lists/image_list.js", 140 | media_external_list_url : "lists/media_list.js", 141 | 142 | // Replace values for the template plugin 143 | template_replace_values : { 144 | username : "SuprUser", 145 | staffid : "991234" 146 | } 147 | }); 148 | 149 | //Boostrap modal 150 | $('#myModal').modal({ show: false}); 151 | 152 | //add event to modal after closed 153 | $('#myModal').on('hidden', function () { 154 | console.log('modal is closed'); 155 | }) 156 | 157 | });//End document ready functions 158 | 159 | //sparkline in sidebar area 160 | var positive = [1,5,3,7,8,6,10]; 161 | var negative = [10,6,8,7,3,5,1] 162 | var negative1 = [7,6,8,7,6,5,4] 163 | 164 | $('#stat1').sparkline(positive,{ 165 | height:15, 166 | spotRadius: 0, 167 | barColor: '#9FC569', 168 | type: 'bar' 169 | }); 170 | $('#stat2').sparkline(negative,{ 171 | height:15, 172 | spotRadius: 0, 173 | barColor: '#ED7A53', 174 | type: 'bar' 175 | }); 176 | $('#stat3').sparkline(negative1,{ 177 | height:15, 178 | spotRadius: 0, 179 | barColor: '#ED7A53', 180 | type: 'bar' 181 | }); 182 | $('#stat4').sparkline(positive,{ 183 | height:15, 184 | spotRadius: 0, 185 | barColor: '#9FC569', 186 | type: 'bar' 187 | }); 188 | //sparkline in widget 189 | $('#stat5').sparkline(positive,{ 190 | height:15, 191 | spotRadius: 0, 192 | barColor: '#9FC569', 193 | type: 'bar' 194 | }); 195 | 196 | $('#stat6').sparkline(positive, { 197 | width: 70,//Width of the chart - Defaults to 'auto' - May be any valid css width - 1.5em, 20px, etc (using a number without a unit specifier won't do what you want) - This option does nothing for bar and tristate chars (see barWidth) 198 | height: 20,//Height of the chart - Defaults to 'auto' (line height of the containing tag) 199 | lineColor: '#88bbc8',//Used by line and discrete charts to specify the colour of the line drawn as a CSS values string 200 | fillColor: '#f2f7f9',//Specify the colour used to fill the area under the graph as a CSS value. Set to false to disable fill 201 | spotColor: '#e72828',//The CSS colour of the final value marker. Set to false or an empty string to hide it 202 | maxSpotColor: '#005e20',//The CSS colour of the marker displayed for the maximum value. Set to false or an empty string to hide it 203 | minSpotColor: '#f7941d',//The CSS colour of the marker displayed for the mimum value. Set to false or an empty string to hide it 204 | spotRadius: 3,//Radius of all spot markers, In pixels (default: 1.5) - Integer 205 | lineWidth: 2//In pixels (default: 1) - Integer 206 | }); 207 | 208 | -------------------------------------------------------------------------------- /invoice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Matrix Admin 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 |
18 |

清单示例

19 |
20 |
21 |
22 |
23 |
24 |
25 |
Company Name
26 |
27 |
28 |
29 |
30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 |

Your Company Name

Your Town
Your Region/State
Mobile Phone: +4530422244
me@company.com
49 |
50 |
51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 72 | 73 | 74 | 75 |
Invoice ID:TD-6546
Issue Date:March 23, 2013
Due Date:April 01, 2013
Client Address:Cliente Company name.
68 | 501 Mafia Street., washington,
69 | NYNC 3654
70 | Contact No: 123 456-7890
71 | Email: youremail@companyname.com
76 |
77 |
78 |
79 |
80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 |
TypeDescQtyPriceAmount
FirefoxUt perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae2$150$300
Chrome PluginTro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt u eos et accusamus et iusto odio dignissimos ducimus deleniti atque1$1,200$1,2000
Safari AppRro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt u expedita distinctio2$850$1,700
Opera AppOrro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut3$850$2,550
Netscape TemplateVero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque5$50$250
128 | 129 | 130 | 131 | 133 | 136 | 139 | 140 | 141 |

Payment method:

132 | Wire transfer | Bank account # | SWIFT code | IBAN Billing address
Subtotal
134 | Tax (5%)
135 | Discount
$7,000
137 | $600
138 | $50
142 |
143 |

Amount Due: $7,650.00

144 |
145 | Pay Invoice
146 |
147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | -------------------------------------------------------------------------------- /js/jquery.flot.pie.min.js: -------------------------------------------------------------------------------- 1 | (function(b){function c(D){var h=null;var L=null;var n=null;var B=null;var p=null;var M=0;var F=true;var o=10;var w=0.95;var A=0;var d=false;var z=false;var j=[];D.hooks.processOptions.push(g);D.hooks.bindEvents.push(e);function g(O,N){if(N.series.pie.show){N.grid.show=false;if(N.series.pie.label.show=="auto"){if(N.legend.show){N.series.pie.label.show=false}else{N.series.pie.label.show=true}}if(N.series.pie.radius=="auto"){if(N.series.pie.label.show){N.series.pie.radius=3/4}else{N.series.pie.radius=1}}if(N.series.pie.tilt>1){N.series.pie.tilt=1}if(N.series.pie.tilt<0){N.series.pie.tilt=0}O.hooks.processDatapoints.push(E);O.hooks.drawOverlay.push(H);O.hooks.draw.push(r)}}function e(P,N){var O=P.getOptions();if(O.series.pie.show&&O.grid.hoverable){N.unbind("mousemove").mousemove(t)}if(O.series.pie.show&&O.grid.clickable){N.unbind("click").click(l)}}function G(O){var P="";function N(S,T){if(!T){T=0}for(var R=0;Rh.width-n){B=h.width-n}}}function v(O){for(var N=0;N0){R.push({data:[[1,P]],color:N,label:a.series.pie.combine.label,angle:(P*(Math.PI*2))/M,percent:(P/M*100)})}return R}function r(S,Q){if(!L){return}ctx=Q;I();var T=S.getData();var P=0;while(F&&P0){n*=w}P+=1;N();if(a.series.pie.tilt<=0.8){O()}R()}if(P>=o){N();L.prepend('
Could not draw pie with labels contained inside canvas
')}if(S.setSeries&&S.insertLegend){S.setSeries(T);S.insertLegend()}function N(){ctx.clearRect(0,0,h.width,h.height);L.children().filter(".pieLabel, .pieLabelBackground").remove()}function O(){var Z=5;var Y=15;var W=10;var X=0.02;if(a.series.pie.radius>1){var U=a.series.pie.radius}else{var U=n*a.series.pie.radius}if(U>=(h.width/2)-Z||U*a.series.pie.tilt>=(h.height/2)-Y||U<=W){return}ctx.save();ctx.translate(Z,Y);ctx.globalAlpha=X;ctx.fillStyle="#000";ctx.translate(B,p);ctx.scale(1,a.series.pie.tilt);for(var V=1;V<=W;V++){ctx.beginPath();ctx.arc(0,0,U,0,Math.PI*2,false);ctx.fill();U-=V}ctx.restore()}function R(){startAngle=Math.PI*a.series.pie.startAngle;if(a.series.pie.radius>1){var U=a.series.pie.radius}else{var U=n*a.series.pie.radius}ctx.save();ctx.translate(B,p);ctx.scale(1,a.series.pie.tilt);ctx.save();var Y=startAngle;for(var W=0;W1e-9){ctx.moveTo(0,0)}else{if(b.browser.msie){ab-=0.0001}}ctx.arc(0,0,U,Y,Y+ab,false);ctx.closePath();Y+=ab;if(aa){ctx.fill()}else{ctx.stroke()}}function V(){var ac=startAngle;if(a.series.pie.label.radius>1){var Z=a.series.pie.label.radius}else{var Z=n*a.series.pie.label.radius}for(var ab=0;ab=a.series.pie.label.threshold*100){aa(T[ab],ac,ab)}ac+=T[ab].angle}function aa(ap,ai,ag){if(ap.data[0][1]==0){return}var ar=a.legend.labelFormatter,aq,ae=a.series.pie.label.formatter;if(ar){aq=ar(ap.label,ap)}else{aq=ap.label}if(ae){aq=ae(aq,ap)}var aj=((ai+ap.angle)+ai)/2;var ao=B+Math.round(Math.cos(aj)*Z);var am=p+Math.round(Math.sin(aj)*Z)*a.series.pie.tilt;var af=''+aq+"";L.append(af);var an=L.children("#pieLabel"+ag);var ad=(am-an.height()/2);var ah=(ao-an.width()/2);an.css("top",ad);an.css("left",ah);if(0-ad>0||0-ah>0||h.height-(ad+an.height())<0||h.width-(ah+an.width())<0){F=true}if(a.series.pie.label.background.opacity!=0){var ak=a.series.pie.label.background.color;if(ak==null){ak=ap.color}var al="top:"+ad+"px;left:"+ah+"px;";b('
').insertBefore(an).css("opacity",a.series.pie.label.background.opacity)}}}}}function J(N){if(a.series.pie.innerRadius>0){N.save();innerRadius=a.series.pie.innerRadius>1?a.series.pie.innerRadius:n*a.series.pie.innerRadius;N.globalCompositeOperation="destination-out";N.beginPath();N.fillStyle=a.series.pie.stroke.color;N.arc(0,0,innerRadius,0,Math.PI*2,false);N.fill();N.closePath();N.restore();N.save();N.beginPath();N.strokeStyle=a.series.pie.stroke.color;N.arc(0,0,innerRadius,0,Math.PI*2,false);N.stroke();N.closePath();N.restore()}}function s(Q,R){for(var S=false,P=-1,N=Q.length,O=N-1;++P1?O.series.pie.radius:n*O.series.pie.radius;for(var Q=0;Q1?P.series.pie.radius:n*P.series.pie.radius;R.save();R.translate(B,p);R.scale(1,P.series.pie.tilt);for(i=0;i1e-9){R.moveTo(0,0)}R.arc(0,0,N,S.startAngle,S.startAngle+S.angle,false);R.closePath();R.fill()}}}var a={series:{pie:{show:false,radius:"auto",innerRadius:0,startAngle:3/2,tilt:1,offset:{top:0,left:"auto"},stroke:{color:"#FFF",width:1},label:{show:"auto",formatter:function(d,e){return'
'+d+"
"+Math.round(e.percent)+"%
"},radius:1,background:{color:null,opacity:0},threshold:0},combine:{threshold:-1,color:null,label:"Other"},highlight:{opacity:0.5}}}};b.plot.plugins.push({init:c,options:a,name:"pie",version:"1.0"})})(jQuery); -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 后台管理模板 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 18 | 19 | 20 | 21 | 58 | 59 | 60 | 61 | 65 | 66 | 67 | 68 | 128 | 129 | 130 | 131 |
132 | 133 |
134 | 135 |
136 | 137 | 138 |
139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 189 | 190 | 191 | -------------------------------------------------------------------------------- /img/backgrounds/calActiveBg.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Page not found - Theme Designer 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 55 | 56 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
86 |
87 | 88 | 97 |
98 |
99 | 100 | 101 |
102 |
103 | 104 |

404 Not Found

105 |

Apologies, but the page you requested could not be found. Perhaps searching will help.

106 |
107 |

108 |

109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 | 134 | 135 | 136 | 137 | 138 | 143 | 144 | 149 | 150 | 151 | 152 | -------------------------------------------------------------------------------- /images/backgrounds/calActiveBg.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Page not found - Theme Designer 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 55 | 56 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
86 |
87 | 88 | 97 |
98 |
99 | 100 | 101 |
102 |
103 | 104 |

404 Not Found

105 |

Apologies, but the page you requested could not be found. Perhaps searching will help.

106 |
107 |

108 |

109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 | 134 | 135 | 136 | 137 | 138 | 143 | 144 | 149 | 150 | 151 | 152 | -------------------------------------------------------------------------------- /images/backgrounds/skype_3Asuniljoshi19@call: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Page not found - Theme Designer 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 55 | 56 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
86 |
87 | 88 | 97 |
98 |
99 | 100 | 101 |
102 |
103 | 104 |

404 Not Found

105 |

Apologies, but the page you requested could not be found. Perhaps searching will help.

106 |
107 |

108 |

109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 | 134 | 135 | 136 | 137 | 138 | 143 | 144 | 149 | 150 | 151 | 152 | -------------------------------------------------------------------------------- /img/backgrounds/skype_3Asuniljoshi19@call: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Page not found - Theme Designer 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 55 | 56 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
86 |
87 | 88 | 97 |
98 |
99 | 100 | 101 |
102 |
103 | 104 |

404 Not Found

105 |

Apologies, but the page you requested could not be found. Perhaps searching will help.

106 |
107 |

108 |

109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 | 134 | 135 | 136 | 137 | 138 | 143 | 144 | 149 | 150 | 151 | 152 | -------------------------------------------------------------------------------- /dashboard.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Page not found - Theme Designer 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 55 | 56 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
86 |
87 | 88 | 97 |
98 |
99 | 100 | 101 |
102 |
103 | 104 |

404 Not Found

105 |

Apologies, but the page you requested could not be found. Perhaps searching will help.

106 |
107 |

108 |

109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 | 134 | 135 | 136 | 137 | 138 | 143 | 144 | 149 | 150 | 151 | 152 | -------------------------------------------------------------------------------- /img/alpha.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Page not found - Theme Designer 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 55 | 56 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
86 |
87 | 88 | 97 |
98 |
99 | 100 | 101 |
102 |
103 | 104 |

404 Not Found

105 |

Apologies, but the page you requested could not be found. Perhaps searching will help.

106 |
107 |

108 |

109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 | 134 | 135 | 136 | 137 | 138 | 143 | 144 | 149 | 150 | 151 | 152 | -------------------------------------------------------------------------------- /js/maruti.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Page not found - Theme Designer 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 55 | 56 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
86 |
87 | 88 | 97 |
98 |
99 | 100 | 101 |
102 |
103 | 104 |

404 Not Found

105 |

Apologies, but the page you requested could not be found. Perhaps searching will help.

106 |
107 |

108 |

109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 | 134 | 135 | 136 | 137 | 138 | 143 | 144 | 149 | 150 | 151 | 152 | -------------------------------------------------------------------------------- /images/gallery/imgbox3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Page not found - Theme Designer 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 55 | 56 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
86 |
87 | 88 | 97 |
98 |
99 | 100 | 101 |
102 |
103 | 104 |

404 Not Found

105 |

Apologies, but the page you requested could not be found. Perhaps searching will help.

106 |
107 |

108 |

109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 | 134 | 135 | 136 | 137 | 138 | 143 | 144 | 149 | 150 | 151 | 152 | -------------------------------------------------------------------------------- /img/glyphicons-halflings.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Page not found - Theme Designer 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 55 | 56 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
86 |
87 | 88 | 97 |
98 |
99 | 100 | 101 |
102 |
103 | 104 |

404 Not Found

105 |

Apologies, but the page you requested could not be found. Perhaps searching will help.

106 |
107 |

108 |

109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 | 134 | 135 | 136 | 137 | 138 | 143 | 144 | 149 | 150 | 151 | 152 | -------------------------------------------------------------------------------- /js/jquery.toggle.buttons.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Page not found - Theme Designer 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 55 | 56 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
86 |
87 | 88 | 97 |
98 |
99 | 100 | 101 |
102 |
103 | 104 |

404 Not Found

105 |

Apologies, but the page you requested could not be found. Perhaps searching will help.

106 |
107 |

108 |

109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 | 117 | 134 | 135 | 136 | 137 | 138 | 143 | 144 | 149 | 150 | 151 | 152 | --------------------------------------------------------------------------------