dropways / deskapp Goto Github PK
View Code? Open in Web Editor NEWDeskApp Admin is a free to use Bootstrap 4 admin template.
Home Page: https://dropways.github.io/deskapp/
License: MIT License
DeskApp Admin is a free to use Bootstrap 4 admin template.
Home Page: https://dropways.github.io/deskapp/
License: MIT License
Good morning, how are you doing?
I really liked your template, I know how to make the left menu fixed
jQuery(document).ready(function(){
jQuery('.datetimepicker').datepicker({
timepicker: true,
language: 'en',
range: true,
multipleDates: true,
multipleDatesSeparator: " - "
});
jQuery("#add-event").submit(function(){
alert("Submitted");
var values = {};
$.each($('#add-event').serializeArray(), function(i, field) {
values[field.name] = field.value;
});
console.log(
values
);
});
});
(function () {
//alert("in fucntion");
'use strict';
// ------------------------------------------------------- //
// Calendar
// ------------------------------------------------------ //
jQuery(function() {
// page is ready
//alert("in fucntion in in");
jQuery('#calendar').fullCalendar({
themeSystem: 'bootstrap4',
// emphasizes business hours
businessHours: false,
defaultView: 'month',
// event dragging & resizing
editable: true,
// header
header: {
left: 'title',
center: 'month,agendaWeek,agendaDay',
right: 'today prev,next'
},
eventAfterAllRender: function(view) {
$('#calendar .fc-day.fc-widget-content').each(function(i) {
var date = $(this).data('date');
var count = $('#calendar a.fc-event.event-on-' + date).length;
if (count > 0) {
$(this).html('<div class="fc-event-count">+' + count + '<div>');
}
});
},
eventRender: function (event, element, view) {
$(element).each(function () {
$(this).attr('date-num', event.start.format('YYYY-MM-DD'));
});
},
events: [
{
title: 'Barber',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-05',
className: 'fc-bg-default',
},
{
title: 'Flight Paris',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-08T14:00:00',
className: 'fc-bg-deepskyblue',
allDay: false
},
{
title: 'Team Meeting',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-10T13:00:00',
className: 'fc-bg-pinkred',
allDay: false
},
{
title: 'Meeting',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-12',
className: 'fc-bg-lightgreen',
},
{
title: 'Conference',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-13',
className: 'fc-bg-lightgreen',
},
{
title: 'Conference',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-13',
className: 'fc-bg-lightgreen',
},
{
title: 'Conference',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-13',
className: 'fc-bg-lightgreen',
},
{
title: 'Conference',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-13',
className: 'fc-bg-lightgreen',
},
{
title: 'Conference',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-13',
className: 'fc-bg-lightgreen',
},
{
title: 'Baby Shower',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-13',
className: 'fc-bg-default',
},
{
title: 'Birthday',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-13',
className: 'fc-bg-default',
},
{
title: 'Restaurant',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-15T09:30:00',
className: 'fc-bg-default',
allDay: false
},
{
title: 'Dinner',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-15T20:00:00',
className: 'fc-bg-default',
allDay: false
},
{
title: 'Shooting',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-25',
className: 'fc-bg-blue',
},
{
title: 'Go Space :)',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-27',
className: 'fc-bg-default',
},
{
title: 'Dentist',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu pellentesque nibh. In nisl nulla, convallis ac nulla eget, pellentesque pellentesque magna.',
start: '2022-10-29T11:30:00',
className: 'fc-bg-blue',
allDay: false
}
],
dayClick: function(date, allDay, jsEvent, view) {
// jQuery('#modal-view-event-add').modal();
location.href=('gridViewc');
},
eventClick: function(event, jsEvent, view) {
jQuery('.event-icon').html("<i class='fa fa-"+event.icon+"'></i>");
jQuery('.event-title').html(event.title);
jQuery('.event-body').html(event.description);
jQuery('.eventUrl').attr('href',event.url);
// jQuery('#modal-view-event').modal();
location.href=('gridViewc');
},
})
});
})(jQuery);
</script>
as per screenshot I have highlighted count area that functionality currently I try i am able to fetch no. of count on day but how can I show in calender view date cell?
Hi I'm italian so Sorry foto my English. I used deskapp to create my software but i see that scroll doesn't work by phone. The deskapp demo gave me the same problems, i Can scroll It touching the navbar on the right side, but i cant scroll the Page with my finger touch. What Can i do?
Thanks
Is it possible to separate the bootstrap css from the vendors/styles/style.css?
It should be easier to upgrade bootstrap
how to change the text DeskApp Dashboard on printing a document or in DataTable? response pls
autocomplete not working and 3 level side menu not working properly.....
add to "vendors\scripts\highchart-setting.js" for chart1:
Highcharts.chart('chart1', {
chart: {
type: 'spline'
},
plotOptions: {
spline: {
marker: {
enabled: false
}
},
series: {
label: {
connectorAllowed: false
},
pointStart: 2010
}
},
no datapoint symbols on lines and colored dashes as prefix for legend
no datapoint symbols on lines and no prefix for legend
If you want to get line chart without datapoints symbols, you should add follow code:
plotOptions: { spline: { marker: { enabled: false } } }
But it also removes colored prefixes from legend. Originally, it should remove only symbols from legend, but left colored lines as prefix for line labels.
Hi,
I report you that the demo page is not working.
Hi, how can i do to validate input at form wizard?
Some features not working when Integrated with ReactJS, eg. jQuery Steps ...
Would appreciate a solutions.
Right to left support
I did not find support from right to left
why gulp-clean-css plugin required twice under "minify" line 12 and "cleanCSS" line 17 inside the gulpfile.js?
is there something wrong with the code? or what should I do?
Came to know about this theme from Themewagon (https://themewagon.com/themes/free-bootstrap-4-html5-responsive-admin-dashboard-template-deskapp/) and wanted to use this for my cross-platform desktop app. but sample there is not working same as the Herokuapp Demo mentioned in the readme.
Just click on second sample link : https://deskapp-dashboard.herokuapp.com/
Should open the Demo
Application error
An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details. You can do this from the Heroku CLI with the command
heroku logs --tail
I started an example of java ee and decided to use your theme. One of the concepts will be notes, therefore, I have created a view on html first. I will create a PR if you want to incorporate it.
I understand it is built on the fancybox how to make the image to cover the whole display on clicking the full-screen
In basic form when i click on selectpicker no scrollbar is there
Please add the missing png file on line 8539 of core.css or remove background image
Pls add Dark Mode and Bootstrap v5
The first thing I noticed after encountering this admin template was how clean and polished it looked.
Not 2 seconds later I was surprised by the way the top nav continues to change position every time a modal dialog is displayed - causing the scrollbar to disappear. Because the scrollbar extends the entire length of the page - including the top nav - when the scrollbar disappears, the top nav shifts right... when the scrollbar reappears, the top nav shifts back left!
Is there a way to not extend up into the top nav? The "main-container" and "header" divs are completely separate, so I assume this behavior is being affected by JavaScript somewhere? Whatever is responsible for this behavior... I don't think it's desirable.
Jason
Provide a way to collapse the left sidebar, (not only when is resized)
CPU 9750H GPU 1660ti-maxq
your project very beautifal, but a little slow to use.
I am trying to getting flag icon on every edit form of each datatable row have edit button. but unfortunately I can see flag icon only in 1st row of edit form of datatable grid. and in other rows I am not able to see flag icon. Can you help us how can I modified my javascript so I can see flag icon on every edit form of each row of datatable.
NOTE : We have code is in Django Python and the variable is in DTL (djnango Template Language)
Datatable Code:
HTML Code : <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.17/js/intlTelInput.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>Edit Form :
|
---|
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.