config webpack

Mds92 · Sep 10, 2018 · 97bfbd3 · 97bfbd3
1 parent 4fafebe
commit 97bfbd3
Show file tree

Hide file tree

Showing 14 changed files with 398 additions and 59 deletions.
diff --git a/.jshintrc b/.jshintrc
@@ -0,0 +1,3 @@
+{
+  "esversion": 6
+}
diff --git a/demo/Samples1.html b/demo/Samples1.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <title>Persian DateTime</title>
+
+    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="demo.css" />
+    <link rel="stylesheet" href="../dist/jquery.md.bootstrap.datetimepicker.style.css" />
+
+    <script src="../node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script>
+    <script src="../node_modules/popper.js/dist/umd/popper.min.js" type="text/javascript"></script>
+    <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
+
+</head>
+
+<body>
+    <div class="container">
+        <h1>Simples</h1>
+        <hr>
+        <div class="row mb-3">
+            <div class="col-sm-6">
+                <pre>
+$('#date1').MdPersianDateTimePicker({
+    targetSelector: '#inputDate1',
+    isGregorian: false
+});
+                </pre>
+                <div class="input-group mb-3">
+                    <div class="input-group-prepend">
+                        <span class="input-group-text cursor-pointer" id="date1">Icon</span>
+                    </div>
+                    <input type="text" id="inputDate1" class="form-control" placeholder="Persian Calendar" aria-label="date1"
+                        aria-describedby="date1">
+                </div>
+            </div>
+            <div class="col-sm-6">
+                <pre>
+$('#date2').MdPersianDateTimePicker({
+    targetSelector: '#inputDate2',
+    isGregorian: true
+});
+                </pre>
+                <div class="input-group mb-3">
+                    <div class="input-group-prepend">
+                        <span class="input-group-text cursor-pointer" id="date2">Icon</span>
+                    </div>
+                    <input type="text" id="inputDate2" class="form-control" placeholder="Gregorian Calendar" aria-label="date2"
+                        aria-describedby="date2">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="../dist/jquery.md.bootstrap.datetimepicker.js" type="text/javascript"></script>
+
+    <script type="text/javascript">
+        $('#date1').MdPersianDateTimePicker({
+            targetSelector: '#inputDate1',
+            isGregorian: false
+        });
+
+        $('#date2').MdPersianDateTimePicker({
+            targetSelector: '#inputDate2',
+            isGregorian: true
+        });
+    </script>
+</body>
+
+</html>
diff --git a/demo/demo1.html → demo/demo2.html b/demo/demo1.html → demo/demo2.html
@@ -7,7 +7,7 @@
 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="demo.css" />
-    <link rel="stylesheet" href="../dist/jquery.Bootstrap-PersianDateTimePicker.min.css" />
+    <link rel="stylesheet" href="../dist/jquery.md.bootstrap.datetimepicker.style.css" />
 
     <script src="../node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script>
     <script src="../node_modules/popper.js/dist/umd/popper.min.js" type="text/javascript"></script>
@@ -68,7 +68,7 @@
         </div>
     </div>
 
-    <script src="../dist/jquery.Bootstrap-PersianDateTimePicker.min.js" type="text/javascript"></script>
+    <script src="../dist/jquery.md.bootstrap.datetimepicker.js" type="text/javascript"></script>
 
     <script type="text/javascript">
         $('#date1').MdPersianDateTimePicker({

diff --git a/dist/jquery.Bootstrap-PersianDateTimePicker.min.js b/dist/jquery.Bootstrap-PersianDateTimePicker.min.js
diff --git a/dist/jquery.Bootstrap-PersianDateTimePicker.min.js.map b/dist/jquery.Bootstrap-PersianDateTimePicker.min.js.map
diff --git a/dist/jquery.md.bootstrap.datetimepicker.js b/dist/jquery.md.bootstrap.datetimepicker.js
diff --git a/dist/jquery.md.bootstrap.datetimepicker.js.map b/dist/jquery.md.bootstrap.datetimepicker.js.map
diff --git a/dist/jquery.md.bootstrap.datetimepicker.style.css b/dist/jquery.md.bootstrap.datetimepicker.style.css
diff --git a/dist/jquery.md.bootstrap.datetimepicker.style.css.map b/dist/jquery.md.bootstrap.datetimepicker.style.css.map
diff --git a/package.json b/package.json
@@ -22,12 +22,22 @@
   },
   "devDependencies": {
     "@types/jquery": "^3.3.6",
+    "css-loader": "^1.0.0",
+    "extract-text-webpack-plugin": "^4.0.0-beta.0",
+    "jshint": "^2.9.6",
+    "jshint-loader": "^0.8.4",
+    "mini-css-extract-plugin": "^0.4.2",
+    "style-loader": "^0.23.0",
+    "uglifyjs-webpack-plugin": "^1.3.0",
     "webpack": "^4.17.2",
     "webpack-cli": "^3.1.0",
+    "webpack-dev-server": "^3.1.8",
+    "webpack-fix-style-only-entries": "0.0.4",
     "webpack-merge": "^4.1.4"
   },
   "scripts": {
     "compile": "tsc",
-    "webpack":"webpack --watch"
+    "webpack": "webpack",
+    "webpackserver": "webpack-dev-server"
   }
 }