Skip to content

Commit

Permalink
Updated to v4.5.4
Browse files Browse the repository at this point in the history
  • Loading branch information
@jqwidgets
jqwidgets committed Jun 27, 2017
1 parent b9f0e0d commit b0777a1
Show file tree
Hide file tree
Showing 4,504 changed files with 141,527 additions and 14,867 deletions.
The diff you're trying to view is too large. We only load the first 3000 changed files.
15 changes: 15 additions & 0 deletions ReleaseNotes.txt
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,19 @@
*********************************************
* jQWidgets v4.5.4 Release, June-27-2017 *
*********************************************

What's New:

1500+ Angular 4 Demos.

What's Fixed:

- Fixed an issue in the CSS styling about DataTable and TreeGrid pager.
- Fixed an issue in jqxScheduler about the Edit Dialog title showing incorrect results when adding and editing appointments.
- Fixed an issue in jqxScheduler about the Edit Dialog Delete button visibility.


*********************************************
* jQWidgets v4.5.3 Release, June-01-2017 *
*********************************************

Expand Down
19 changes: 17 additions & 2 deletions demos/angular/ReadMe.txt
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,17 @@
1. Run setup.bat to install the required modules.
2. Run the demos on a Web Server or Localhost i.e the url should start with http://, not with file://

-----------------------------------------------------------------------
Usage:

Option 1:

From CMD
1. cd to this golder
2. npm install (the package.json file is set up)
3. npm start
4. Copy all required folders such as images, jqwidgets, jqwidgets-ts, scripts
from the root folder to here.

Option 2:

1. Run setup.bat.
-----------------------------------------------------------------------
43 changes: 43 additions & 0 deletions demos/angular/angular-bargauge/angular-bargauge-addandremovevalues.htm
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<title id='Description'>Angular BarGauge AddAndRemoveValues</title>
<meta name="description" content="In this example we set the values of the Angular BarGauge dynamiclly by clicking on checkboxes in a list." />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Styles -->
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />

<!-- jQWidgets -->
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdraw.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxbargauge.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdata.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxcheckbox.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxlistbox.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxscrollbar.js"></script>
<script src="../../../scripts/demos.js"></script>

<!-- Angular -->
<script src="../node_modules/core-js/client/shim.min.js"></script>
<script src="../node_modules/zone.js/dist/zone.min.js"></script>
<script src="../node_modules/zone.js/dist/long-stack-trace-zone.min.js"></script>

</head>

<!-- Display the application -->
<body>

<div class="example-description">
This demo demonstrates how to set dynamically values in Angular BarGauge from a list.
</div>

<app-root>Loading...</app-root>

<script src="../aot/bargauge_addandremovevalues.bundle.js"></script>

</body>

</html>
38 changes: 38 additions & 0 deletions demos/angular/angular-bargauge/angular-bargauge-autochangevalue.htm
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title id='Description'>Angular BarGauge AutoChangeValue</title>
<meta name="description" content="This example demonstrates auto changing values and related background colors of the Angular BarGauge." />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Styles -->
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />

<!-- jQWidgets -->
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdraw.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxbargauge.js"></script>
<script src="../../../scripts/demos.js"></script>

<!-- Angular -->
<script src="../node_modules/core-js/client/shim.min.js"></script>
<script src="../node_modules/zone.js/dist/zone.min.js"></script>
<script src="../node_modules/zone.js/dist/long-stack-trace-zone.min.js"></script>

</head>

<!-- Display the application -->
<body>

<div class="example-description">
This demo demonstrates auto changing values, related to the background color of the Angular BarGauge.
</div>

<app-root>Loading...</app-root>

<script src="../aot/bargauge_autochangevalue.bundle.js"></script>

</body>

</html>
37 changes: 16 additions & 21 deletions demos/angular/angular-bargauge/angular-bargauge-createComponent.htm
View file
Original file line number Diff line number Diff line change
@@ -1,43 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title id='Description'>Angular BarGauge </title>
<title id='Description'>Angular BarGauge CreatComponent.</title>
<meta name="description" content="This example shows how to create an object through one single `setting`." />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Styles -->
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
<style>
body, html {
height: 100%;
overflow: hidden;
}
</style>

<!-- jQWidgets -->


<!-- jQWidgets -->
<script src="../../../jqwidgets/jqxcore.js"></script>
<script src="../../../jqwidgets/jqxdraw.js"></script>
<script src="../../../jqwidgets/jqxbargauge.js"></script>
<script src="../../../scripts/demos.js"></script>

<script src="../node_modules/typescript/lib/typescript.js"></script>
<!-- Angular -->
<script src="../node_modules/core-js/client/shim.min.js"></script>
<script src="../node_modules/zone.js/dist/zone.js"></script>
<script src="../node_modules/systemjs/dist/system.src.js"></script>

<!-- Configure SystemJS -->
<script src="../systemjs.config.js"></script>
<script>
System.import('../app/bargauge/createComponent/main').catch( (err) => { console.error(err); });
</script>
<script src="../node_modules/zone.js/dist/zone.min.js"></script>
<script src="../node_modules/zone.js/dist/long-stack-trace-zone.min.js"></script>

</head>

<!-- Display the application -->
<body>

<div class="example-description">
Angular BarGauge
Angular BarGauge created through one single `settings` object.
</div>
<my-app></my-app>

<app-root>Loading...</app-root>

<script src="../aot/bargauge_createComponent.bundle.js"></script>

</body>

</html>
38 changes: 38 additions & 0 deletions demos/angular/angular-bargauge/angular-bargauge-customtooltips.htm
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title id='Description'>Angular BarGauge CustomTooltip.</title>
<meta name="description" content="This is an example of customizable Angular ToolTips." />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Styles -->
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />

<!-- jQWidgets -->
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdraw.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxbargauge.js"></script>
<script src="../../../scripts/demos.js"></script>

<!-- Angular -->
<script src="../node_modules/core-js/client/shim.min.js"></script>
<script src="../node_modules/zone.js/dist/zone.min.js"></script>
<script src="../node_modules/zone.js/dist/long-stack-trace-zone.min.js"></script>

</head>

<!-- Display the application -->
<body>

<div class="example-description">
Angular BarGauge tooltips in this demo are customized.
</div>

<app-root>Loading...</app-root>

<script src="../aot/bargauge_customtooltips.bundle.js"></script>

</body>

</html>
37 changes: 16 additions & 21 deletions demos/angular/angular-bargauge/angular-bargauge-defaultfunctionality.htm
View file
Original file line number Diff line number Diff line change
@@ -1,43 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title id='Description'>Angular BarGauge</title>
<title id='Description'>Angular BarGauge DefaultFunctionality.</title>
<meta name="description" content="This is an example of the default functionalities in Angular BarGauge." />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Styles -->
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
<style>
body, html {
height: 100%;
overflow: hidden;
}
</style>

<!-- jQWidgets -->


<!-- jQWidgets -->
<script src="../../../jqwidgets/jqxcore.js"></script>
<script src="../../../jqwidgets/jqxdraw.js"></script>
<script src="../../../jqwidgets/jqxbargauge.js"></script>
<script src="../../../scripts/demos.js"></script>

<script src="../node_modules/typescript/lib/typescript.js"></script>
<!-- Angular -->
<script src="../node_modules/core-js/client/shim.min.js"></script>
<script src="../node_modules/zone.js/dist/zone.js"></script>
<script src="../node_modules/systemjs/dist/system.src.js"></script>

<!-- Configure SystemJS -->
<script src="../systemjs.config.js"></script>
<script>
System.import('../app/bargauge/defaultfunctionality/main').catch((err) => { console.error(err); });
</script>
<script src="../node_modules/zone.js/dist/zone.min.js"></script>
<script src="../node_modules/zone.js/dist/long-stack-trace-zone.min.js"></script>

</head>

<!-- Display the application -->
<body>

<div class="example-description">
Angular BarGauge
Angular BarGauge displays an indicator within a range of values. Gauges can be used in a table or matrix to show the relative value of a field in a range of values in the data region.
</div>
<my-app></my-app>

<app-root>Loading...</app-root>

<script src="../aot/bargauge_defaultfunctionality.bundle.js"></script>

</body>

</html>
38 changes: 38 additions & 0 deletions demos/angular/angular-bargauge/angular-bargauge-fluidsize.htm
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title id='Description'>Angular BarGauge FluidSize.</title>
<meta name="description" content="In this example the width and height of Angular BarGauge are set in percentages." />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Styles -->
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />

<!-- jQWidgets -->
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdraw.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxbargauge.js"></script>
<script src="../../../scripts/demos.js"></script>

<!-- Angular -->
<script src="../node_modules/core-js/client/shim.min.js"></script>
<script src="../node_modules/zone.js/dist/zone.min.js"></script>
<script src="../node_modules/zone.js/dist/long-stack-trace-zone.min.js"></script>

</head>

<!-- Display the application -->
<body>

<div class="example-description">
Angular BarGauge Fluid Size Example. The width and height of the jqxBarGauge in this demo are in percentages.
</div>

<app-root>Loading...</app-root>

<script src="../aot/bargauge_fluidsize.bundle.js"></script>

</body>

</html>
38 changes: 38 additions & 0 deletions demos/angular/angular-bargauge/angular-bargauge-negativevalues.htm
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title id='Description'>Angular BarGauge NegativeValues.</title>
<meta name="description" content="In this example Angular BarGauge contains negative values" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Styles -->
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />

<!-- jQWidgets -->
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxdraw.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxbargauge.js"></script>
<script src="../../../scripts/demos.js"></script>

<!-- Angular -->
<script src="../node_modules/core-js/client/shim.min.js"></script>
<script src="../node_modules/zone.js/dist/zone.min.js"></script>
<script src="../node_modules/zone.js/dist/long-stack-trace-zone.min.js"></script>

</head>

<!-- Display the application -->
<body>

<div class="example-description">
This demo displays Angular BarGauge with negative values.
</div>

<app-root>Loading...</app-root>

<script src="../aot/bargauge_negativevalues.bundle.js"></script>

</body>

</html>
Loading

0 comments on commit b0777a1

Please sign in to comment.