Simple-UI is a Free responsive Admin Template based on Fomantic-UI. Simple-UI has highly responsive to make your admin page look simply but great on both desktop and mobile devices.
22 |
23 | ### Template Preview
24 | [Demo Site](https://helloputra.github.io/simple-ui/)
25 |
26 | ### Template Creator
27 | [Muh Kanda Wibawa Putra](https://github.com/HelloPutra/)
28 |
29 | ### Built With
30 |
31 | - [](https://fomantic-ui.com/)
32 | - [](https://jquery.com/)
33 | - [](https://datatables.net/)
34 | - [](https://www.chartjs.org/)
35 | - [](https://gulpjs.com/)
36 | - [](https://stuk.github.io/jszip/)
37 | - [](https://github.com/bpampuch/pdfmake)
38 | - [](https://github.com/sindresorhus/del)
39 | - [](https://github.com/klei/gulp-inject)
40 | - [](https://github.com/dlmanning/gulp-sass)
41 | - [](https://github.com/mikevercoelen/gulp-sass-glob)
42 | - [](https://github.com/jonkemp/gulp-useref)
43 | - [](https://www.browsersync.io/)
44 |
45 | ### License
46 | Simple-UI is licensed under The MIT License (MIT). Which means that you can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the final products. But you always need to state that [Muh Kanda Wibawa Putra](https://github.com/HelloPutra/) is the original author of this template.
47 |
--------------------------------------------------------------------------------
/app/images/login-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muhkanda/Simple-UI-Semantic-UI-Admin/fa21a534d5bfe21fed58960f90c8f0eee1ceb569/app/images/login-logo.png
--------------------------------------------------------------------------------
/app/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muhkanda/Simple-UI-Semantic-UI-Admin/fa21a534d5bfe21fed58960f90c8f0eee1ceb569/app/images/logo.png
--------------------------------------------------------------------------------
/app/images/user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muhkanda/Simple-UI-Semantic-UI-Admin/fa21a534d5bfe21fed58960f90c8f0eee1ceb569/app/images/user.png
--------------------------------------------------------------------------------
/app/js/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | # SimpleUI By Muh Kanda Wibawa Putra (HelloPutra)
3 | # Github : https://github.com/HelloPutra
4 | # This Template Is FREE!
5 | # Released under the MIT license
6 | # http://opensource.org/licenses/MIT
7 | # For Information : surel.muhkanda@gmail.com
8 | */
9 | var $duration = 1000;
10 | $(document).ready(function(){
11 | // - ACCOUNT DROPDOWN
12 | $('.ui.admindropdown').dropdown({
13 | transition: 'drop',
14 | on : 'click',
15 | duration : 500
16 | });
17 | $('.ui.moredropdown').dropdown({
18 | transition: 'fade down',
19 | duration :300
20 | });
21 |
22 | // - SHOW & HIDE SIDEBAR
23 | $("#showmobiletabletsidebar").click(function(){
24 | $('.mobiletabletsidebar.animate .menu').transition({
25 | animation : 'swing right',
26 | duration : $duration
27 | })
28 | ;
29 | $('#mobiletabletsidebar').removeClass('hidden');
30 | });
31 | $("#hidemobiletabletsidebar").click(function(){
32 | $('.mobiletabletsidebar.animate .menu')
33 | .transition({
34 | animation : 'fade',
35 | duration : $duration
36 | });
37 | });
38 | $(".ui.accordion").accordion({
39 | exclusive: false
40 | });
41 | });
--------------------------------------------------------------------------------
/app/login.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | SIMPLE UI — Admin Templates
9 |
10 |
11 |
12 |
13 |
14 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
--------------------------------------------------------------------------------
/dist/vendors/chart.js/Chart.example.js:
--------------------------------------------------------------------------------
1 | var barChartData = {
2 | labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
3 | datasets: [{
4 | label: 'Dataset 1',
5 | backgroundColor: [
6 | window.chartColors.red,
7 | window.chartColors.orange,
8 | window.chartColors.yellow,
9 | window.chartColors.green,
10 | window.chartColors.blue,
11 | window.chartColors.purple,
12 | window.chartColors.red
13 | ],
14 | yAxisID: 'y-axis-1',
15 | data: [
16 | randomScalingFactor(),
17 | randomScalingFactor(),
18 | randomScalingFactor(),
19 | randomScalingFactor(),
20 | randomScalingFactor(),
21 | randomScalingFactor(),
22 | randomScalingFactor()
23 | ]
24 | }, {
25 | label: 'Dataset 2',
26 | backgroundColor: window.chartColors.grey,
27 | yAxisID: 'y-axis-2',
28 | data: [
29 | randomScalingFactor(),
30 | randomScalingFactor(),
31 | randomScalingFactor(),
32 | randomScalingFactor(),
33 | randomScalingFactor(),
34 | randomScalingFactor(),
35 | randomScalingFactor()
36 | ]
37 | }]
38 |
39 | };
40 |
41 |
42 | var pieChartData = {
43 | datasets: [{
44 | data: [
45 | randomScalingFactor(),
46 | randomScalingFactor(),
47 | randomScalingFactor(),
48 | randomScalingFactor(),
49 | randomScalingFactor(),
50 | ],
51 | backgroundColor: [
52 | window.chartColors.red,
53 | window.chartColors.orange,
54 | window.chartColors.yellow,
55 | window.chartColors.green,
56 | window.chartColors.blue,
57 | ]
58 | }],
59 | labels: [
60 | 'Red',
61 | 'Orange',
62 | 'Yellow',
63 | 'Green',
64 | 'Blue'
65 | ]
66 | };
67 |
68 |
69 | window.onload = function() {
70 | var ctx = document.getElementById('example-multiaxis').getContext('2d');
71 | window.myBar = new Chart(ctx, {
72 | type: 'bar',
73 | data: barChartData,
74 | options: {
75 | responsive: true,
76 | tooltips: {
77 | mode: 'index',
78 | intersect: true
79 | },
80 | scales: {
81 | yAxes: [{
82 | type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
83 | display: true,
84 | position: 'left',
85 | id: 'y-axis-1',
86 | }, {
87 | type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
88 | display: true,
89 | position: 'right',
90 | id: 'y-axis-2',
91 | gridLines: {
92 | drawOnChartArea: false
93 | }
94 | }],
95 | }
96 | }
97 | });
98 |
99 | var abc = document.getElementById('example-pie').getContext('2d');
100 | window.myPieChart = new Chart(abc, {
101 | type: 'pie',
102 | data: pieChartData,
103 | options: {
104 | responsive: true
105 | }
106 | });
107 |
108 | };
109 |
110 | document.getElementById('rand-multi-axis').addEventListener('click', function() {
111 | barChartData.datasets.forEach(function(dataset) {
112 | dataset.data = dataset.data.map(function() {
113 | return randomScalingFactor();
114 | });
115 | });
116 | window.myBar.update();
117 | });
118 |
119 | document.getElementById('rand-pie').addEventListener('click', function() {
120 | pieChartData.datasets.forEach(function(dataset) {
121 | dataset.data = dataset.data.map(function() {
122 | return randomScalingFactor();
123 | });
124 | });
125 | window.myPieChart.update();
126 | });
--------------------------------------------------------------------------------
/dist/vendors/chart.js/Chart.min.css:
--------------------------------------------------------------------------------
1 | @keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}
--------------------------------------------------------------------------------
/dist/vendors/chart.js/Chart.utils.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | window.chartColors = {
4 | red: 'rgb(255, 99, 132)',
5 | orange: 'rgb(255, 159, 64)',
6 | yellow: 'rgb(255, 205, 86)',
7 | green: 'rgb(75, 192, 192)',
8 | blue: 'rgb(54, 162, 235)',
9 | purple: 'rgb(153, 102, 255)',
10 | grey: 'rgb(201, 203, 207)'
11 | };
12 |
13 | (function(global) {
14 | var MONTHS = [
15 | 'January',
16 | 'February',
17 | 'March',
18 | 'April',
19 | 'May',
20 | 'June',
21 | 'July',
22 | 'August',
23 | 'September',
24 | 'October',
25 | 'November',
26 | 'December'
27 | ];
28 |
29 | var COLORS = [
30 | '#4dc9f6',
31 | '#f67019',
32 | '#f53794',
33 | '#537bc4',
34 | '#acc236',
35 | '#166a8f',
36 | '#00a950',
37 | '#58595b',
38 | '#8549ba'
39 | ];
40 |
41 | var Samples = global.Samples || (global.Samples = {});
42 | var Color = global.Color;
43 |
44 | Samples.utils = {
45 | // Adapted from http://indiegamr.com/generate-repeatable-random-numbers-in-js/
46 | srand: function(seed) {
47 | this._seed = seed;
48 | },
49 |
50 | rand: function(min, max) {
51 | var seed = this._seed;
52 | min = min === undefined ? 0 : min;
53 | max = max === undefined ? 1 : max;
54 | this._seed = (seed * 9301 + 49297) % 233280;
55 | return min + (this._seed / 233280) * (max - min);
56 | },
57 |
58 | numbers: function(config) {
59 | var cfg = config || {};
60 | var min = cfg.min || 0;
61 | var max = cfg.max || 1;
62 | var from = cfg.from || [];
63 | var count = cfg.count || 8;
64 | var decimals = cfg.decimals || 8;
65 | var continuity = cfg.continuity || 1;
66 | var dfactor = Math.pow(10, decimals) || 0;
67 | var data = [];
68 | var i, value;
69 |
70 | for (i = 0; i < count; ++i) {
71 | value = (from[i] || 0) + this.rand(min, max);
72 | if (this.rand() <= continuity) {
73 | data.push(Math.round(dfactor * value) / dfactor);
74 | } else {
75 | data.push(null);
76 | }
77 | }
78 |
79 | return data;
80 | },
81 |
82 | labels: function(config) {
83 | var cfg = config || {};
84 | var min = cfg.min || 0;
85 | var max = cfg.max || 100;
86 | var count = cfg.count || 8;
87 | var step = (max - min) / count;
88 | var decimals = cfg.decimals || 8;
89 | var dfactor = Math.pow(10, decimals) || 0;
90 | var prefix = cfg.prefix || '';
91 | var values = [];
92 | var i;
93 |
94 | for (i = min; i < max; i += step) {
95 | values.push(prefix + Math.round(dfactor * i) / dfactor);
96 | }
97 |
98 | return values;
99 | },
100 |
101 | months: function(config) {
102 | var cfg = config || {};
103 | var count = cfg.count || 12;
104 | var section = cfg.section;
105 | var values = [];
106 | var i, value;
107 |
108 | for (i = 0; i < count; ++i) {
109 | value = MONTHS[Math.ceil(i) % 12];
110 | values.push(value.substring(0, section));
111 | }
112 |
113 | return values;
114 | },
115 |
116 | color: function(index) {
117 | return COLORS[index % COLORS.length];
118 | },
119 |
120 | transparentize: function(color, opacity) {
121 | var alpha = opacity === undefined ? 0.5 : 1 - opacity;
122 | return Color(color).alpha(alpha).rgbString();
123 | }
124 | };
125 |
126 | // DEPRECATED
127 | window.randomScalingFactor = function() {
128 | return Math.round(Samples.utils.rand(-100, 100));
129 | };
130 |
131 | // INITIALIZATION
132 |
133 | Samples.utils.srand(Date.now());
134 |
135 | // Google Analytics
136 | /* eslint-disable */
137 | if (document.location.hostname.match(/^(www\.)?chartjs\.org$/)) {
138 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
139 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
140 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
141 | })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
142 | ga('create', 'UA-28909194-3', 'auto');
143 | ga('send', 'pageview');
144 | }
145 | /* eslint-enable */
146 |
147 | }(this));
--------------------------------------------------------------------------------
/dist/vendors/chart.js/helpers.esm.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * Chart.js v3.2.1
3 | * https://www.chartjs.org
4 | * (c) 2021 Chart.js Contributors
5 | * Released under the MIT License
6 | */
7 | export { H as HALF_PI, aT as INFINITY, P as PI, aS as PITAU, aV as QUARTER_PI, aU as RAD_PER_DEG, T as TAU, aW as TWO_THIRDS_PI, O as _addGrace, U as _alignPixel, Y as _alignStartEnd, q as _angleBetween, aX as _angleDiff, _ as _arrayUnique, a3 as _attachContext, am as _bezierCurveTo, aj as _bezierInterpolation, ar as _boundSegment, ah as _boundSegments, a0 as _capitalize, ag as _computeSegments, a4 as _createResolver, aD as _decimalPlaces, aL as _deprecated, a5 as _descriptors, ac as _elementsEqual, L as _factorize, aF as _filterBetween, F as _getParentNode, S as _int16Range, A as _isPointInArea, x as _limitValue, aE as _longestText, aG as _lookup, y as _lookupByKey, R as _measureText, aJ as _merger, aK as _mergerIf, as as _normalizeAngle, ak as _pointInLine, ae as _readValueToProps, B as _rlookupByKey, az as _setMinAndMaxByKey, ai as _steppedInterpolation, al as _steppedLineTo, av as _textX, X as _toLeftRightCenter, af as _updateBezierControlPoints, ao as addRoundedRectPath, aC as almostEquals, aB as almostWhole, N as callback, aa as clearCanvas, k as clipArea, aI as clone, c as color, a8 as debounce, h as defined, ay as distanceBetweenPoints, an as drawPoint, D as each, e as easingEffects, M as finiteOrDefault, aQ as fontString, p as formatNumber, ad as getAngleFromPoint, aH as getHoverColor, E as getMaximumSize, z as getRelativePosition, at as getRtlAdapter, aP as getStyle, b as isArray, g as isFinite, a2 as isFunction, j as isNullOrUndef, w as isNumber, i as isObject, l as listenArrayEvents, K as log10, $ as merge, a6 as mergeIf, aA as niceNum, ax as noop, au as overrideTextDirection, G as readUsedSize, V as renderText, r as requestAnimFrame, a as resolve, f as resolveObjectKey, aw as restoreTextDirection, a9 as retinaScale, ab as setsEqual, s as sign, aN as splineCurve, aO as splineCurveMonotone, J as supportsEventListenerOptions, I as throttled, Q as toDegrees, o as toDimension, W as toFont, aM as toFontString, aR as toLineHeight, C as toPadding, n as toPercentage, t as toRadians, ap as toTRBL, aq as toTRBLCorners, a7 as uid, m as unclipArea, u as unlistenArrayEvents, v as valueOrDefault } from './chunks/helpers.segment.js';
8 |
--------------------------------------------------------------------------------
/dist/vendors/datatables.net/License.txt:
--------------------------------------------------------------------------------
1 | Copyright SpryMedia Limited and other contributors
2 | http://datatables.net
3 |
4 | Permission is hereby granted, free of charge, to any person obtaining a copy
5 | of this software and associated documentation files (the "Software"), to deal
6 | in the Software without restriction, including without limitation the rights
7 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
8 | copies of the Software, and to permit persons to whom the Software is
9 | furnished to do so, subject to the following conditions:
10 |
11 | The above copyright notice and this permission notice shall be included in
12 | all copies or substantial portions of the Software.
13 |
14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
17 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
19 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
20 | THE SOFTWARE.
--------------------------------------------------------------------------------
/dist/vendors/datatables.net/Readme.md:
--------------------------------------------------------------------------------
1 | # DataTables for jQuery
2 |
3 | This package contains distribution files for the [DataTables library](https://datatables.net) for [jQuery](http://jquery.com/). Only the core software for this library is contained in this package - to be correctly styled, a styling package for DataTables must also be included. Styling options include DataTable's native styling, [Bootstrap](http://getbootstrap.com) and [Foundation](http://foundation.zurb.com/).
4 |
5 | DataTables is a table enhancing library which adds features such as paging, ordering, search, scrolling and many more to a static HTML page. A comprehensive API is also available that can be used to manipulate the table. Please refer to the [DataTables web-site](//datatables.net) for a full range of documentation and examples.
6 |
7 |
8 | ## Installation
9 |
10 | ### Browser
11 |
12 | For inclusion of this library using a standard `
11 |
12 |