owl-local

jhjang

2021-10-14 3052936fed9166521b0557a36df83eb11a5e51ee

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/**
 * Created by wisestone on 2018-03-28.
 */
'use strict';
 
define(['app',
        'angular'],
    function (app, angular) {
 
        app.directive('tableUserImage', ["$log", "$compile",
            function ($log, $compile) {
                return {
                    restrict : 'AE',
                    compile : function (tElement, tAttrs) {
                        return function (scope, element, attrs) {
                            var makeTag = "";
                            scope.users = scope[attrs["tableUserImage"]][attrs["target"]];
 
                            if (angular.isDefined(scope.users)) {
                                for (var count = 0; count < scope.users.length; count++) {
                                    var user = scope.users[count];
 
                                    if (count > 1) {
                                        makeTag += "<div class='os-dropdown-trigger os-dropdown-position-left user-with-avatar'>";
 
                                        makeTag += "<span class='avatar'>";
                                        makeTag += "<img alt='' ng-src='" + user.profile + "'/>";
                                        makeTag += "</span>";
                                        makeTag += "<div class='os-dropdown light message-list'>";
                                        makeTag += "<ul>";
 
                                        var innerCount = count;
 
                                        //  나머지 사용자 정보를 여기서 셋팅한다.
                                        for (innerCount; innerCount < scope.users.length; innerCount++) {
 
                                            makeTag += "<li> <a href=''> <div class='message-content'>";
                                            makeTag += "<h6 class='message-from'> " + scope.users[innerCount].name + " </h6>";
                                            makeTag += "<h6 class='message-title'>" + scope.users[innerCount].account + "</h6>";
                                            makeTag += "</div> </a> </li> ";
                                        }
 
                                        makeTag += "</ul> </div>";
                                        makeTag += "</div>";
 
                                        makeTag += "<div class='more'>" + "+" + (innerCount - count) + "</div>";
                                        break;
                                    }
                                    else {
                                        makeTag += "<div class='os-dropdown-trigger os-dropdown-position-left user-with-avatar'>";
                                        makeTag += "<span class='avatar'>";
                                        makeTag += "<img alt='' ng-src='" + user.profile + "'/>";
                                        makeTag += "</span>";
                                        makeTag += "<div class='os-dropdown light message-list'>";
                                        makeTag += "<ul>";
                                        makeTag += "<li><a href=''><div class='message-content'>";
                                        makeTag += "<h6 class='message-from'> " + user.name + " </h6>";
                                        makeTag += "<h6 class='message-title'>" + user.account + "</h6>";
                                        makeTag += "</div></a></li></ul></div>";
                                        makeTag += "</div>";
                                    }
                                }
                            }
 
                            var linkFn = $compile(makeTag);
                            var content = linkFn(scope);
                            element.append(content);
                        }
                    }
                };
            }])
    });