Compare commits

...

19 Commits

Author SHA1 Message Date
Nauval
94b946c131
Merge pull request #213 from bimbims125/master
CONTRIBUTING: add stisla for django
2021-10-10 04:34:37 +07:00
Pramdhanni
fa435634a5
update 2021-10-09 15:52:21 +07:00
Pramdhanni
2c3d556a7e
add stisla for django 2021-10-09 15:49:58 +07:00
Nauval
5b297f46d9
Update README.md 2021-05-07 06:00:40 +07:00
Nauval
f06b5e018c
Update README.md 2021-05-07 05:53:05 +07:00
Nauval
c3b6477e17
Merge pull request #190 from masif088/fixing_datetime
fixing datetimepicker on forms-advanced-form.html
2021-05-07 05:46:18 +07:00
Nauval
3e8203de31
Merge pull request #188 from shailesh-ladumor/patch-1
doc(readme): tutorial link add
2021-05-07 05:45:07 +07:00
Nauval
d6142e9429
Merge pull request #198 from BlazerYoo/patch-1
Update README.md
2021-05-07 05:44:16 +07:00
Boaz Yoo
7741d363e2
Update README.md 2021-05-06 09:20:31 -04:00
masif088
a499054003 fixing datetimepicker on forms-advanced-form.html 2021-01-26 01:32:04 +07:00
Shailesh Ladumor
bad82babe7
doc(readme): tutorial link add 2021-01-17 09:50:09 +05:30
Nauval
9aaf4ec3dd
Update README.md 2020-07-23 01:20:29 +07:00
Nauval
a0819e517a
Update README.md 2020-07-17 17:55:50 +07:00
Nauval
fe44cc476d
Merge pull request #166 from Harshal96/select2_not_resizing_on_width_change
Select2 elements resizing fix
2020-07-17 17:52:10 +07:00
Nauval
085c42127b
Merge pull request #167 from Harshal96/make_tabs_beautiful
tab beautified attempt 1
2020-07-17 17:51:17 +07:00
Nauval
132cc7cab2
Merge pull request #169 from ppabcd/fix-typo
Fix typo in registration form
2020-07-17 14:05:57 +07:00
Reza Juliandri
6d35d895b6 Fix typo in registration form 2020-07-15 16:30:19 +07:00
lucifermorningstar
2ae5117bef tab beautified attempt 1 2020-06-28 19:33:50 -05:00
lucifermorningstar
a6ace1ecfe Select2 elements were not resizing. Added !important keyword and compiled the project. 2020-06-28 18:34:25 -05:00
11 changed files with 245 additions and 28 deletions

View File

@ -202,7 +202,16 @@
"contributions": [
"code"
]
}
},
{
"login": "bimbims125",
"name": "Pramdhanni Dwi Putra Bintang",
"avatar_url": "https://avatars.githubusercontent.com/u/65021963?v=4",
"profile": https://github.com/bimbims125,
"contributions": [
"code"
]
},
],
"contributorsPerLine": 7,
"projectName": "stisla",

View File

@ -1,8 +1,3 @@
## Hi,
[Nauval](http://twitter.com/mhdnauvalazhar): We working on v3.
-----
<p align="center">
<a href="https://getstisla.com">
<img src="https://avatars2.githubusercontent.com/u/45754626?s=75&v=4" alt="Stisla logo" width="75" height="75">
@ -64,10 +59,13 @@
Several quick start options are available:
- [Download the latest release.](https://github.com/stisla/stisla/archive/v2.2.0.zip)
- Clone the repo: `git clone https://github.com/stisla/stisla.git`
- Install [npm](https://www.npmjs.com) or [yarn](https://yarnpkg.com) first if you don't have it in your machine
- Run the `yarn stisla-start` command to start using stisla !
- Run `cd` to the newly created `/stisla` directory
- Install [yarn](https://yarnpkg.com) first if you don't have it in your machine
- Run the `yarn` command
- Done
Or if you're Indonesian, you can watch my video [here](https://www.youtube.com/watch?v=dvnqtOUvGFc)
Read the [Getting started page](https://getstisla.com/docs) for information on the framework contents, templates and examples, and more.
@ -88,8 +86,8 @@ You can find the Stisla road map here: [Stisla Roadmap](https://trello.com/b/M8T
- [Laravel UI Preset](https://github.com/poteto-dev/laravel-ui-stisla)
- [Jekyll](https://github.com/SunDi3yansyah/stisla-jekyll)
- [YII2](https://github.com/piantgrunger/yii2-stisla)
- Django (let's contribute)
- [Django](https://github.com/bimbims125/stisla-django.git)
-
- and more...
## Creator
@ -131,6 +129,11 @@ Stisla is better because of the [contributors](https://github.com/stisla/stisla/
</tr>
<tr>
<td align="center"><a href="https://sundi3yansyah.com"><img src="https://avatars2.githubusercontent.com/u/3952281?v=4" width="100px;" alt=""/><br /><sub><b>Cahyadi Triyansyah</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=SunDi3yansyah" title="Code">💻</a></td>
<td align="center"><a href="https://harshal.one"><img src="https://avatars0.githubusercontent.com/u/20720521?s=460&v=4" width="100px;" alt=""/><br /><sub><b>Harshal Parekh</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=Harshal96" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/ppabcd"><img src="https://avatars0.githubusercontent.com/u/7419422?s=460&u=a8afa0f92608d126296e79f2ff0314a8fc794fd1&v=4" width="100px;" alt=""/><br /><sub><b>Reza Juliandri</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=ppabcd" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/shailesh-ladumor"><img src=https://avatars.githubusercontent.com/u/16555999?v=4" width="100px;" alt=""/><br /><sub><b>Shailesh Ladumor </b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=shailesh-ladumor" title="Documentation">📖</a></td>
<td align="center"><a href="https://github.com/masif088"><img src=https://avatars.githubusercontent.com/u/43848973?v=4" width="100px;" alt=""/><br /><sub><b>masif088</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=masif088" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/BlazerYoo"><img src=https://avatars.githubusercontent.com/u/69565038?v=4" width="100px;" alt=""/><br /><sub><b>Boaz Yoo</b></sub></a><br /><a href="https://github.com/stisla/stisla/commits?author=BlazerYoo" title="Code">💻</a></td>
</tr>
</table>
@ -141,10 +144,17 @@ Stisla is better because of the [contributors](https://github.com/stisla/stisla/
## Contributing
Want to help Stisla get better? Let's contribute and follow our [contribution guide](https://github.com/stisla/stisla/blob/master/CONTRIBUTING.md).
### Showcase
## Showcase
- [app.whatspie.com](https://app.whatspie.com) - Enterprise ready unofficial WhatsApp API and BOT Service, allow you to sending notification to customer using WhatsApp API from your App
- [kredibel.co.id](https://kredibel.co.id)- Kredibel is a site that can identify whether someone has the potential to commit fraud or not
## Tutorials
- [Stisla Introduction by Nauval](https://www.youtube.com/watch?v=dvnqtOUvGFc) (🇮🇩)
- [How to setup Stisla in Laravel by Laravel Package Tutorial](https://www.youtube.com/playlist?list=PL0wCC44AhrC14hkSMdczlVaZvnD0WSdGv) (🏴󠁧󠁢󠁥󠁮󠁧󠁿)
- [Integrate Stisla with Laravel by Mulai Dari NULL](https://www.youtube.com/watch?v=4-kdAxALCPc) (🇮🇩)
- [Integrate Stisla with CodeIgniter 4 by Juvinal Man](https://www.youtube.com/watch?v=np4LsQNcJbg) (🇮🇩)
- [Integrate Stisla with CodeIgniter 4 by YukCoding Media](https://www.youtube.com/watch?v=Kre5kJIufhw) (🇮🇩)
## License
Stisla is under the [MIT License](LICENSE)

View File

@ -682,6 +682,9 @@ tr:first-child > td > .fc-day-grid-event {
border-top: 1px solid #f2f2f2; } }
/* 1.18 Select2 */
.select2 {
width: 100% !important; }
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
outline: none;
box-shadow: none; }

View File

@ -1913,6 +1913,18 @@ a.dropdown-item {
.tab-content > .tab-pane {
line-height: 28px; }
ul.nav-tabs li.nav-item a.nav-link i {
color: #6777ef; }
ul.nav-tabs li.nav-item a.nav-link span {
display: block;
line-height: 60%; }
ul.nav-tabs li.nav-item a.nav-link span i {
font-size: 16px !important; }
ul.nav-tabs li.nav-item a.nav-link.active i {
color: #191d21; }
/* 3.21 Progress Bar */
.progress-bar {
background-color: #6777ef; }

View File

@ -94,23 +94,23 @@ $(function() {
if(me.parent().hasClass("active")){
active = true;
}
$('.main-sidebar .sidebar-menu li.active > .dropdown-menu').slideUp(500, function() {
update_sidebar_nicescroll();
update_sidebar_nicescroll();
return false;
});
$('.main-sidebar .sidebar-menu li.active').removeClass('active');
if(active==true) {
me.parent().removeClass('active');
me.parent().find('> .dropdown-menu').slideUp(500, function() {
me.parent().removeClass('active');
me.parent().find('> .dropdown-menu').slideUp(500, function() {
update_sidebar_nicescroll();
return false;
});
}else{
me.parent().addClass('active');
me.parent().find('> .dropdown-menu').slideDown(500, function() {
me.parent().addClass('active');
me.parent().find('> .dropdown-menu').slideDown(500, function() {
update_sidebar_nicescroll();
return false;
});
@ -120,7 +120,7 @@ $(function() {
});
$('.main-sidebar .sidebar-menu li.active > .dropdown-menu').slideDown(500, function() {
update_sidebar_nicescroll();
update_sidebar_nicescroll();
return false;
});
}
@ -589,7 +589,7 @@ $(function() {
}
if($(".datetimepicker").length) {
$('.datetimepicker').daterangepicker({
locale: {format: 'YYYY-MM-DD hh:mm'},
locale: {format: 'YYYY-MM-DD HH:mm'},
singleDatePicker: true,
timePicker: true,
timePicker24Hour: true,

View File

@ -34,8 +34,8 @@
<form method="POST">
<div class="row">
<div class="form-group col-6">
<label for="frist_name">First Name</label>
<input id="frist_name" type="text" class="form-control" name="frist_name" autofocus>
<label for="first_name">First Name</label>
<input id="first_name" type="text" class="form-control" name="first_name" autofocus>
</div>
<div class="form-group col-6">
<label for="last_name">Last Name</label>

View File

@ -566,6 +566,84 @@
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-lg-6">
<div class="card">
<div class="card-header">
<h4>Icon Tab</h4>
</div>
<div class="card-body">
<ul class="nav nav-tabs" id="myTab5" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab5" data-toggle="tab" href="#home5" role="tab" aria-controls="home" aria-selected="true">
<i class="fas fa-home"></i> Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab5" data-toggle="tab" href="#profile5" role="tab" aria-controls="profile" aria-selected="false">
<i class="fas fa-id-card"></i> Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab5" data-toggle="tab" href="#contact5" role="tab" aria-controls="contact" aria-selected="false">
<i class="fas fa-mail-bulk"></i> Contact</a>
</li>
</ul>
<div class="tab-content" id="myTabContent5">
<div class="tab-pane fade show active" id="home5" role="tabpanel" aria-labelledby="home-tab5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</div>
<div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab5">
Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui.
</div>
<div class="tab-pane fade" id="contact5" role="tabpanel" aria-labelledby="contact-tab5">
Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor.
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-6">
<div class="card">
<div class="card-header">
<h4>Icon Tab Bordered + Centered <code>.justify-content-center</code></h4>
</div>
<div class="card-body">
<ul class="nav nav-tabs justify-content-center" id="myTab6" role="tablist">
<li class="nav-item">
<a class="nav-link active text-center" id="home-tab6" data-toggle="tab" href="#home6" role="tab" aria-controls="home" aria-selected="true">
<span><i class="fas fa-home"></i></span> Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-center" id="profile-tab6" data-toggle="tab" href="#profile6" role="tab" aria-controls="profile" aria-selected="false">
<span><i class="fas fa-id-card"></i></span> Profile</a>
</li>
<li class="nav-item">
<a class="nav-link text-center" id="contact-tab6" data-toggle="tab" href="#contact6" role="tab" aria-controls="contact" aria-selected="false">
<span><i class="fas fa-mail-bulk"></i></span> Contact</a>
</li>
</ul>
<div class="tab-content tab-bordered" id="myTabContent6">
<div class="tab-pane fade show active" id="home6" role="tabpanel" aria-labelledby="home-tab6">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</div>
<div class="tab-pane fade" id="profile6" role="tabpanel" aria-labelledby="profile-tab6">
Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui.
</div>
<div class="tab-pane fade" id="contact6" role="tabpanel" aria-labelledby="contact-tab6">
Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
@ -581,7 +659,7 @@
</div>
<!-- General JS Scripts -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>

View File

@ -23,8 +23,8 @@
<form method="POST">
<div class="row">
<div class="form-group col-6">
<label for="frist_name">First Name</label>
<input id="frist_name" type="text" class="form-control" name="frist_name" autofocus>
<label for="first_name">First Name</label>
<input id="first_name" type="text" class="form-control" name="first_name" autofocus>
</div>
<div class="form-group col-6">
<label for="last_name">Last Name</label>

View File

@ -170,6 +170,84 @@
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-lg-6">
<div class="card">
<div class="card-header">
<h4>Icon Tab</h4>
</div>
<div class="card-body">
<ul class="nav nav-tabs" id="myTab5" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab5" data-toggle="tab" href="#home5" role="tab" aria-controls="home" aria-selected="true">
<i class="fas fa-home"></i> Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab5" data-toggle="tab" href="#profile5" role="tab" aria-controls="profile" aria-selected="false">
<i class="fas fa-id-card"></i> Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab5" data-toggle="tab" href="#contact5" role="tab" aria-controls="contact" aria-selected="false">
<i class="fas fa-mail-bulk"></i> Contact</a>
</li>
</ul>
<div class="tab-content" id="myTabContent5">
<div class="tab-pane fade show active" id="home5" role="tabpanel" aria-labelledby="home-tab5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</div>
<div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab5">
Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui.
</div>
<div class="tab-pane fade" id="contact5" role="tabpanel" aria-labelledby="contact-tab5">
Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor.
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-6">
<div class="card">
<div class="card-header">
<h4>Icon Tab Bordered + Centered <code>.justify-content-center</code></h4>
</div>
<div class="card-body">
<ul class="nav nav-tabs justify-content-center" id="myTab6" role="tablist">
<li class="nav-item">
<a class="nav-link active text-center" id="home-tab6" data-toggle="tab" href="#home6" role="tab" aria-controls="home" aria-selected="true">
<span><i class="fas fa-home"></i></span> Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-center" id="profile-tab6" data-toggle="tab" href="#profile6" role="tab" aria-controls="profile" aria-selected="false">
<span><i class="fas fa-id-card"></i></span> Profile</a>
</li>
<li class="nav-item">
<a class="nav-link text-center" id="contact-tab6" data-toggle="tab" href="#contact6" role="tab" aria-controls="contact" aria-selected="false">
<span><i class="fas fa-mail-bulk"></i></span> Contact</a>
</li>
</ul>
<div class="tab-content tab-bordered" id="myTabContent6">
<div class="tab-pane fade show active" id="home6" role="tabpanel" aria-labelledby="home-tab6">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
</div>
<div class="tab-pane fade" id="profile6" role="tabpanel" aria-labelledby="profile-tab6">
Sed sed metus vel lacus hendrerit tempus. Sed efficitur velit tortor, ac efficitur est lobortis quis. Nullam lacinia metus erat, sed fermentum justo rutrum ultrices. Proin quis iaculis tellus. Etiam ac vehicula eros, pharetra consectetur dui.
</div>
<div class="tab-pane fade" id="contact6" role="tabpanel" aria-labelledby="contact-tab6">
Vestibulum imperdiet odio sed neque ultricies, ut dapibus mi maximus. Proin ligula massa, gravida in lacinia efficitur, hendrerit eget mauris. Pellentesque fermentum, sem interdum molestie finibus, nulla diam varius leo, nec varius lectus elit id dolor.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}

View File

@ -1,5 +1,5 @@
.select2 {
width: 100%;
width: 100% !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {

View File

@ -7,4 +7,31 @@
> .tab-pane {
line-height: 28px;
}
}
}
ul.nav-tabs {
li.nav-item {
a.nav-link {
i {
color: color(primary);
}
span {
display: block;
line-height: 60%;
i {
font-size: 16px!important;
}
}
}
}
}
ul.nav-tabs {
li.nav-item {
a.nav-link.active {
i {
color: color(dark);
}
}
}
}