Skip to content

Commit 2fadf9f

Browse files
Ashok-syncfusionAshok-syncfusion
committed
Outlook showcase sample latest changes updated.
1 parent 4a2aeea commit 2fadf9f

File tree

8 files changed

+476
-312
lines changed

8 files changed

+476
-312
lines changed

‎Outlook_Core.csproj‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<ItemGroup>
1010
<PackageReference Include="Microsoft.AspNetCore.All" Version="2.0.3" />
1111
<PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="2.0.1" />
12-
<PackageReference Include="Syncfusion.EJ2.AspNet.Core" Version="19.1.0.54" />
12+
<PackageReference Include="Syncfusion.EJ2.AspNet.Core" Version="19.2.0.44" />
1313
</ItemGroup>
1414

1515
<ItemGroup>

‎wwwroot/content/styles.css‎

Lines changed: 220 additions & 56 deletions
Large diffs are not rendered by default.

‎wwwroot/scripts/datasource.js‎

Lines changed: 230 additions & 230 deletions
Large diffs are not rendered by default.

‎wwwroot/scripts/ej2.min.js‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎wwwroot/scripts/home.js‎

Lines changed: 12 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ window.home = function () {
3535
var overlayElement = document.getElementsByClassName('overlay-element')[0];
3636
overlayElement.onclick = hideSideBar;
3737
window.onresize = onWindowResize;
38-
window.onload = onWindowResize;
38+
// window.onload = onWindowResize;
3939
document.onclick = documentClick;
4040
document.ondblclick = documentDoubleClick;
4141
renderMainSection();
@@ -62,10 +62,8 @@ window.home = function () {
6262
renderControl("reading-pane-popup");
6363
window.readingpane();
6464
});
65-
66-
if  (ej.base.Browser.isDevice) {
67-
onWindowResize();
68-
}
65+
onWindowResize();
66+
setTimeout(openPopup, 2000);
6967
};
7068
function renderMainSection() {
7169
treeDataSource = folderData;
@@ -98,7 +96,7 @@ function renderMainSection() {
9896
grpListObj = new ej.lists.ListView({
9997
dataSource: messageDataSource,
10098
template: getListTemplate(),
101-
fields: { id: 'ContactID' },
99+
fields: { id: 'ContactID', text: 'text' },
102100
sortOrder: 'None'
103101
});
104102
grpListObj.select = select;
@@ -251,7 +249,7 @@ function renderToolbarMobile() {
251249
function getListTemplate() {
252250
return '<div class="template-container ${ReadStyle}-parent">' +
253251
'<div style="height:30px; pointer-events:none;">' +
254-
'<div class="sender-style" style="float:left; margin-top: 2px">${ContactName}</div>' +
252+
'<div class="sender-style" style="float:left; margin-top: 2px">${text}</div>' +
255253
'<div style="right:25px; position: absolute; margin-top: 2px; pointer-events:all;">' +
256254
'<button id="btnListDelete" title="Delete" class="listview-btn">' +
257255
'<span class="e-btn-icon ej-icon-Delete"></span>' +
@@ -497,7 +495,7 @@ function select(args) {
497495
key = 'Image';
498496
headerTitle.getElementsByClassName('logo logo-style2')[0].style.background =
499497
'url(' + data[key].toString().replace('styles/images/images/', 'content/images/images/') + ') no-repeat 50% 50%';
500-
key = 'ContactName';
498+
key = 'text';
501499
document.getElementById('sub').innerHTML = data[key].toString();
502500
key = 'Date';
503501
var dateString = data[key].toString();
@@ -892,7 +890,7 @@ function toolbarClick(args) {
892890
var selectedMessage = getSelectedMessage();
893891
messageDataSource.splice(messageDataSource.indexOf(selectedMessage), 1);
894892
var key = 'ContactID';
895-
grpListObj.removeItem({ id: selectedMessage[key].toString() });
893+
grpListObj.removeItem({ id: selectedMessage[key].toString(), text: selectedMessage['text'].toString() });
896894
if (args.item.prefixIcon === 'ej-icon-Delete' && window.innerWidth < 605) {
897895
contentElement = document.getElementsByClassName('row content')[0];
898896
contentElement.className = contentElement.className.replace('show-reading-pane', 'show-message-pane');
@@ -950,7 +948,7 @@ function showNewMailPopup(option) {
950948
document.getElementsByClassName('tb-item-mark-read')[0].style.display = 'none';
951949
showMailDialog(option, selectedMessage);
952950
}
953-
function onWindowResize(evt) {
951+
function onWindowResize() {
954952
var headerNode = document.getElementsByClassName('header navbar')[0];
955953
var contentArea = document.getElementsByClassName('row content')[0];
956954
var isReadingPane = (contentArea.className.indexOf('show-reading-pane') === -1);
@@ -1133,8 +1131,8 @@ function documentClick(evt) {
11331131
if (target.className.indexOf('ej-icon-Delete') !== -1) {
11341132
messageDataSource.splice(messageDataSource.indexOf(selectedMessage), 1);
11351133
key = 'ContactID';
1136-
grpListObj.removeItem({ id: selectedMessage[key].toString() });
1137-
}
1134+
grpListObj.removeItem({ id: selectedMessage[key].toString(), text: selectedMessage['text'].toString() });
1135+
}
11381136
else if (target.className.indexOf('ej-icon-Flag_1') !== -1) {
11391137
flagListItem(target, selectedMessage);
11401138
}
@@ -1205,7 +1203,7 @@ function readingPaneItemClick() {
12051203
var selectedMessage = getSelectedMessage();
12061204
messageDataSource.splice(messageDataSource.indexOf(selectedMessage), 1);
12071205
var key = 'ContactID';
1208-
grpListObj.removeItem({ id: selectedMessage[key].toString() });
1206+
grpListObj.removeItem({ id: selectedMessage[key].toString(), text: selectedMessage['text'].toString() });
12091207
showEmptyMessage();
12101208
dlgReplyAllWindow.hide();
12111209
}
@@ -1288,7 +1286,7 @@ function hidePopup() {
12881286
}
12891287
function openPopup() {
12901288
var newMessageData = cloneObject(messageDataSource[Math.floor(Math.random() * (50 - 3) + 2)]);
1291-
var key = 'ContactName';
1289+
var key = 'text';
12921290
document.getElementById('popup-contact').innerHTML = newMessageData[key].toString();
12931291
key = 'ContactTitle';
12941292
document.getElementById('popup-subject').innerHTML = newMessageData[key].toString();
@@ -1329,5 +1327,4 @@ function openPopup() {
13291327
setReadCount('Read');
13301328
setTimeout(function () { hidePopup(); }, 2000);
13311329
}
1332-
setTimeout(openPopup, 3000);
13331330

‎wwwroot/scripts/index.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,7 @@
11
var window;
2+
var x=window.location.href.length-1;
3+
if (window.location.href[x]!='/')
4+
window.location.href = window.location.href + "/";
25
var ajaxHTML = new ej.base.Ajax('Home/Home', 'GET', true);;
36
ajaxHTML.send().then(function (value) {
47
document.getElementById('content-area').innerHTML = value.toString();

‎wwwroot/scripts/newmail.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ function createMailForm() {
2626
fields: { text: 'MailId', value: 'MailId' },
2727
itemTemplate: '<div class="multiselect-template parent-div"><img class="contacts-item-image-style"' +
2828
'src="${Image}" alt="employee"/>' +
29-
'<div class="contacts-item-text-style"> <div> ${ContactName} </div> </div>' +
29+
'<div class="contacts-item-text-style"> <div> ${text} </div> </div>' +
3030
'<div class="contacts-item-subtext-style"> ${MailId} </div>' +
3131
'</div>',
3232
valueTemplate: '<div>' +
@@ -35,7 +35,7 @@ function createMailForm() {
3535
mode: 'Box',
3636
filtering: function (e) {
3737
var query = new ej.data.Query();
38-
query = (e.text !== '') ? query.where('ContactName', 'startswith', e.text, true) : query;
38+
query = (e.text !== '') ? query.where('text', 'startswith', e.text, true) : query;
3939
e.updateData(getContacts(), query);
4040
},
4141
allowFiltering: true
@@ -48,7 +48,7 @@ function createMailForm() {
4848
popupWidth: '300px',
4949
itemTemplate: '<div class="multiselect-template parent-div"><img class="contacts-item-image-style"' +
5050
'src="${Image}" alt="employee"/>' +
51-
'<div class="contacts-item-text-style"> <div> ${ContactName} </div> </div>' +
51+
'<div class="contacts-item-text-style"> <div> ${text} </div> </div>' +
5252
'<div class="contacts-item-subtext-style"> ${MailId} </div>' +
5353
'</div>',
5454
valueTemplate: '<div>' +
@@ -58,7 +58,7 @@ function createMailForm() {
5858
allowFiltering: true,
5959
filtering: function (e) {
6060
var query = new ej.data.Query();
61-
query = (e.text !== '') ? query.where('ContactName', 'startswith', e.text, true) : query;
61+
query = (e.text !== '') ? query.where('text', 'startswith', e.text, true) : query;
6262
e.updateData(getContacts(), query);
6363
}
6464
});

‎wwwroot/scripts/readingpane.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -159,7 +159,7 @@ function createReadMailForm() {
159159
allowFiltering: true,
160160
itemTemplate: '<div class="multiselect-template parent-div"><img class="contacts-item-image-style"' +
161161
'src="${Image}" alt="employee"/>' +
162-
'<div class="contacts-item-text-style"> <div> ${ContactName} </div> </div>' +
162+
'<div class="contacts-item-text-style"> <div> ${text} </div> </div>' +
163163
'<div class="contacts-item-subtext-style"> ${MailId} </div>' +
164164
'</div>',
165165
valueTemplate: '<div style="width:100%;height:100%;">' +
@@ -168,7 +168,7 @@ function createReadMailForm() {
168168
mode: 'Box',
169169
filtering: function (e) {
170170
var query = new ej.data.Query();
171-
query = (e.text !== '') ? query.where('ContactName', 'startswith', e.text, true) : query;
171+
query = (e.text !== '') ? query.where('text', 'startswith', e.text, true) : query;
172172
e.updateData(datasource_1.getContacts(), query);
173173
}
174174
});
@@ -181,7 +181,7 @@ function createReadMailForm() {
181181
hideSelectedItem: true,
182182
itemTemplate: '<div class="multiselect-template parent-div"><img class="contacts-item-image-style"' +
183183
'src="${Image}" alt="employee"/>' +
184-
'<div class="contacts-item-text-style"> <div> ${ContactName} </div> </div>' +
184+
'<div class="contacts-item-text-style"> <div> ${text} </div> </div>' +
185185
'<div class="contacts-item-subtext-style"> ${MailId} </div>' +
186186
'</div>',
187187
valueTemplate: '<div style="width:100%;height:100%;">' +
@@ -191,7 +191,7 @@ function createReadMailForm() {
191191
allowFiltering: true,
192192
filtering: function (e) {
193193
var query = new ej.data.Query();
194-
query = (e.text !== '') ? query.where('ContactName', 'startswith', e.text, true) : query;
194+
query = (e.text !== '') ? query.where('text', 'startswith', e.text, true) : query;
195195
e.updateData(datasource_1.getContacts(), query);
196196
}
197197
});
@@ -269,7 +269,7 @@ function bindReadingPaneData(selectedMessage1) {
269269
key = 'Image';
270270
headerTitle.getElementsByClassName('logo logo-style2')[0].style.background =
271271
'url(' + selectedMessage[key].toString().replace('styles/images/images/', 'styles/images/large/') + ') no-repeat 50% 50%';
272-
key = 'ContactName';
272+
key = 'text';
273273
document.getElementById('rp-sub').innerHTML = selectedMessage[key].toString();
274274
key = 'Date';
275275
var dateString = selectedMessage[key].toString();

0 commit comments

Comments
 (0)