chore: change icons in demo page about tui.calendar HOT 12 CLOSED

OK, I'll check it. Thanks for the tips.

from tui.calendar.

Those icons must be in example folder, not embedded.

from tui.calendar.

Does anyone can tell me how to find these icons?

from tui.calendar.

The font-awesome v4.7.0 is used in demo page. You can check it on example01-basic.html.

And those icons can be rendered by your template function. Exact sample source is default.js

var cal = new Calendar('#calendar', {
    template: {
        allday: function(schedule) {
            return getTimeTemplate(schedule, true);
        },
        time: function(schedule) {
            return getTimeTemplate(schedule, false);
        }
    }
});

/**
 * Get time template for time and all-day
 * @param {Schedule} schedule - schedule
 * @param {boolean} isAllDay - isAllDay or hasMultiDates
 * @returns {string}
 */
function getTimeTemplate(schedule, isAllDay) {
    var html = [];

    if (!isAllDay) {
        html.push('<strong>' + moment(schedule.start.getTime()).format('HH:mm') + '</strong> ');
    }
    if (schedule.isPrivate) {
        html.push('<i class="fa fa-lock"></i>');
        html.push(' Private');
    } else {
        if (schedule.isReadOnly) {
            html.push('<i class="fa fa-ban"></i>');
        } else if (schedule.recurrenceRule) {
            html.push('<i class="fa fa-repeat"></i>');
        } else if (schedule.attendees.length) {
            html.push('<i class="fa fa-group"></i>');
        } else if (schedule.location) {
            html.push('<i class="fa fa-map-marker"></i>');
        }
        html.push(' ' + schedule.title);
    }

    return html.join('');
}

from tui.calendar.

I have checked the place you told me. However, I can not find the own icons to replace the font-awesome icons. @dongsik-yoo

from tui.calendar.

The fontawesome v4.7.0 is here.
You can see demo and getting-started.

And our example codes are using it from CDN below.

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

from tui.calendar.

@dongsik-yoo
Sorry for troubling again. It seems that you did not get my point.

If we do not use the fontawesome icons, then maybe I need the icon image files to replace the fontawesome icons.

So where to find these image icon files?

from tui.calendar.

Oh, you're right. I made a mistake.
We don't add those icon images yet.
I guess the next version will contain new icons for that.
The next version will be release before 17th May.

from tui.calendar.

So for this issue, maybe I need to wait for the release of the next version.
After that, I can fix this issue (use the new icons), right?

from tui.calendar.

Yes, you can after that.
Actually, the new icons will be font not image.
Because those icons's color has to be change according to calendar color.

from tui.calendar.

OK. Thanks for your tips.

from tui.calendar.

@wmzhong The new version v1.2.0 is released. So you can find new font icons to replace the fontawesome icons at 'examples/fonts/icon.*' folder.

from tui.calendar.