Skip to content

Commit 1fd5571

Browse files
author
pipeline
committed
feature(EJ2-3071): EJ2-3071 showOnInit API changed to visible
1 parent 8ad6317 commit 1fd5571

File tree

8 files changed

+6
-9
lines changed

8 files changed

+6
-9
lines changed

‎src/dialog/ajax-plnkr.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"src/dialog/twitter.html":"<style>\n .cont-list img {\n border-radius: 10px;\n float: left;\n height: 56px;\n }\n \n .comments {\n padding: 10px;\n color: #074B92;\n font-weight: 600;\n position: relative;\n top: 6px;\n }\n \n .cont-list { \n padding-bottom: 9px;\n }\n \n .cont-list:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n \n .time-panel {\n float: right;\n color: #2382C3;\n margin-right: 10px;\n margin-top: 7px;\n }\n \n .headername {\n font-size: 16px;\n font-weight: 600;\n color: #074B92;\n position: relative;\n left: 9px;\n }\n \n .c-list {\n float: right;\n margin-top: -11px;\n padding-right: 12px;\n }\n</style>\n\n<div>\n <div class=\"comments-list\">\n <div class=\"cont-list\">\n <img src=\"http://js.syncfusion.com/demos/web/content/images/Employee/8.png\" alt=\"contact\" />\n <br>\n <div>\n <div class=\"time-panel\">1 hr</div>\n <b class=\"headername\">Erik Linden</b></div><br><br> London, one of the most popular tourist \n destinations in the world for a reason. A cultural and historical hub, London has an excellent public \n transportation system that allows visitors to see all the fantastic sights without spending a ton \n of money on a rental car. London contains four World Heritage Sites.\n <div class=\"comments\">\n <div class=\"c-list\">Retweet</div>\n <div class=\"c-list\">Reply</div>\n <div class=\"c-list\">Share</div>\n </div>\n </div> \n </div>\n</div>","index.ts":"import { Dialog } from '@syncfusion/ej2-popups';\nimport { Button } from '@syncfusion/ej2-buttons';\nimport { Ajax } from '@syncfusion/ej2-base';\n/**\n * Ajax Dialog sample\n */\n\n\n\n let ajax: Ajax = new Ajax('./src/dialog/twitter.html', 'GET', true);\n ajax.send().then();\n ajax.onSuccess = (data: string): void => {\n let dialogObj: Dialog = new Dialog({\n header: 'Twitter',\n showCloseIcon: true,\n width: '500px',\n target: document.getElementById('target'),\n animationSettings: { effect: 'None' },\n open: dialogOpen,\n close: dialogClose,\n content: data\n });\n dialogObj.appendTo('#dialog');\n document.getElementById('dialogBtn').focus();\n dialogObj.show();\n let button: Button = new Button({\n });\n button.appendTo('#dialogBtn');\n document.getElementById('dialogBtn').onclick = (): void => {\n dialogObj.show();\n };\n\n function dialogClose(): void {\n document.getElementById('dialogBtn').style.display = 'block';\n }\n function dialogOpen(): void {\n document.getElementById('dialogBtn').style.display = 'none';\n }\n };\n","index.html":"<html><head>\n <link href=\"http://ej2ci.syncfusion.com/production/demos/styles/material.css\" rel=\"stylesheet\">\n <script src=\"https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js\"></script>\n <script src=\"systemjs.config.js\"></script>\n</head>\n<body>\n<div id=\"target\" class=\"col-lg-12 control-section\">\n <button id=\"dialogBtn\" type=\"button\">Open</button>\n <div id=\"ajaxDlgWrapper\" class=\"content-wrapper\">\n <div id=\"dialog\"></div>\n </div>\n</div>\n\n<style>\n#target {\n height: 100%;\n }\n@media screen and (min-width: 150px) and (max-width: 480px) {\n .control-section{\n margin-bottom: 30px;\n }\n .control-wrapper{\n margin-bottom: 0px;\n }\n\n}\n</style>\n\n\n</body></html>","systemjs.config.js":"System.config({\n transpiler: \"typescript\",\n typescriptOptions: {\n compilerOptions: {\n target: \"umd\",\n module: \"commonjs\",\n moduleResolution: \"node\",\n emitDecoratorMetadata: true,\n experimentalDecorators: true\n }\n },\n paths: {\n \"syncfusion:\": \"http://ej2ci.syncfusion.com/packages/production/\"\n },\n map: {\n main: \"index.ts\",\n typescript: \"https://unpkg.com/[email protected]/lib/typescript.js\",\n 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',\n \"@syncfusion/ej2-base\": \"syncfusion:ej2-base/dist/ej2-base.umd.min.js\",\n \"@syncfusion/ej2-buttons\": \"syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js\",\n \"@syncfusion/ej2-calendars\": \"syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js\",\n \"@syncfusion/ej2-charts\": \"syncfusion:ej2-charts/dist/ej2-charts.umd.min.js\",\n \"@syncfusion/ej2-data\": \"syncfusion:ej2-data/dist/ej2-data.umd.min.js\",\n \"@syncfusion/ej2-grids\": \"syncfusion:ej2-grids/dist/ej2-grids.umd.min.js\", \n \"@syncfusion/ej2-inputs\": \"syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js\", \n \"@syncfusion/ej2-lists\": \"syncfusion:ej2-lists/dist/ej2-lists.umd.min.js\",\n \"@syncfusion/ej2-navigations\": \"syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js\", \n \"@syncfusion/ej2-popups\": \"syncfusion:ej2-popups/dist/ej2-popups.umd.min.js\", \n \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\", \n },\n meta: { \n '*.json': { loader: 'plugin-json' }\n }\n});\n\nSystem.import('index.ts').catch(console.error.bind(console));"}
1+
{"src/dialog/twitter.html":"<style>\n .cont-list img {\n border-radius: 10px;\n float: left;\n height: 56px;\n }\n \n .comments {\n padding: 10px;\n color: #074B92;\n font-weight: 600;\n position: relative;\n top: 6px;\n }\n \n .cont-list { \n padding-bottom: 9px;\n }\n \n .cont-list:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n \n .time-panel {\n float: right;\n color: #2382C3;\n margin-right: 10px;\n margin-top: 7px;\n }\n \n .headername {\n font-size: 16px;\n font-weight: 600;\n color: #074B92;\n position: relative;\n left: 9px;\n }\n \n .c-list {\n float: right;\n margin-top: -11px;\n padding-right: 12px;\n }\n</style>\n\n<div>\n <div class=\"comments-list\">\n <div class=\"cont-list\">\n <img src=\"http://js.syncfusion.com/demos/web/content/images/Employee/8.png\" alt=\"contact\" />\n <br>\n <div>\n <div class=\"time-panel\">1 hr</div>\n <b class=\"headername\">Erik Linden</b></div><br><br> London, one of the most popular tourist \n destinations in the world for a reason. A cultural and historical hub, London has an excellent public \n transportation system that allows visitors to see all the fantastic sights without spending a ton \n of money on a rental car. London contains four World Heritage Sites.\n <div class=\"comments\">\n <div class=\"c-list\">Retweet</div>\n <div class=\"c-list\">Reply</div>\n <div class=\"c-list\">Share</div>\n </div>\n </div> \n </div>\n</div>","index.ts":"import { Dialog } from '@syncfusion/ej2-popups';\nimport { Button } from '@syncfusion/ej2-buttons';\nimport { Ajax } from '@syncfusion/ej2-base';\n/**\n * Ajax Dialog sample\n */\n\n\n\n let ajax: Ajax = new Ajax('./src/dialog/twitter.html', 'GET', true);\n ajax.send().then();\n ajax.onSuccess = (data: string): void => {\n let dialogObj: Dialog = new Dialog({\n header: 'Twitter',\n showCloseIcon: true,\n width: '500px',\n target: document.getElementById('target'),\n animationSettings: { effect: 'None' },\n open: dialogOpen,\n close: dialogClose,\n content: data\n });\n dialogObj.appendTo('#dialog');\n document.getElementById('dialogBtn').focus();\n let button: Button = new Button({\n });\n button.appendTo('#dialogBtn');\n document.getElementById('dialogBtn').onclick = (): void => {\n dialogObj.show();\n };\n\n function dialogClose(): void {\n document.getElementById('dialogBtn').style.display = 'block';\n }\n function dialogOpen(): void {\n document.getElementById('dialogBtn').style.display = 'none';\n }\n };\n","index.html":"<html><head>\n <link href=\"http://ej2ci.syncfusion.com/production/demos/styles/material.css\" rel=\"stylesheet\">\n <script src=\"https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js\"></script>\n <script src=\"systemjs.config.js\"></script>\n</head>\n<body>\n<div id=\"target\" class=\"col-lg-12 control-section\">\n <button id=\"dialogBtn\" type=\"button\">Open</button>\n <div id=\"ajaxDlgWrapper\" class=\"content-wrapper\">\n <div id=\"dialog\"></div>\n </div>\n</div>\n\n<style>\n#target {\n height: 100%;\n }\n@media screen and (min-width: 150px) and (max-width: 480px) {\n .control-section{\n margin-bottom: 30px;\n }\n .control-wrapper{\n margin-bottom: 0px;\n }\n\n}\n</style>\n\n\n</body></html>","systemjs.config.js":"System.config({\n transpiler: \"typescript\",\n typescriptOptions: {\n compilerOptions: {\n target: \"umd\",\n module: \"commonjs\",\n moduleResolution: \"node\",\n emitDecoratorMetadata: true,\n experimentalDecorators: true\n }\n },\n paths: {\n \"syncfusion:\": \"http://ej2ci.syncfusion.com/packages/production/\"\n },\n map: {\n main: \"index.ts\",\n typescript: \"https://unpkg.com/[email protected]/lib/typescript.js\",\n 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',\n \"@syncfusion/ej2-base\": \"syncfusion:ej2-base/dist/ej2-base.umd.min.js\",\n \"@syncfusion/ej2-buttons\": \"syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js\",\n \"@syncfusion/ej2-calendars\": \"syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js\",\n \"@syncfusion/ej2-charts\": \"syncfusion:ej2-charts/dist/ej2-charts.umd.min.js\",\n \"@syncfusion/ej2-data\": \"syncfusion:ej2-data/dist/ej2-data.umd.min.js\",\n \"@syncfusion/ej2-grids\": \"syncfusion:ej2-grids/dist/ej2-grids.umd.min.js\", \n \"@syncfusion/ej2-inputs\": \"syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js\", \n \"@syncfusion/ej2-lists\": \"syncfusion:ej2-lists/dist/ej2-lists.umd.min.js\",\n \"@syncfusion/ej2-navigations\": \"syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js\", \n \"@syncfusion/ej2-popups\": \"syncfusion:ej2-popups/dist/ej2-popups.umd.min.js\", \n \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\", \n },\n meta: { \n '*.json': { loader: 'plugin-json' }\n }\n});\n\nSystem.import('index.ts').catch(console.error.bind(console));"}

‎src/dialog/ajax.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,6 @@ this.default = () => {
2222
});
2323
dialogObj.appendTo('#dialog');
2424
document.getElementById('dialogBtn').focus();
25-
dialogObj.show();
2625
let button: Button = new Button({
2726
});
2827
button.appendTo('#dialogBtn');

0 commit comments

Comments
 (0)