https://moreno2.moreno.gob.ar/js/roverlay.js

1$.fn.Roverlay = function(param) {
2
3    if ((param == undefined) || (param == "undefined")) {
4
5        if ($(this[0]).attr("data-col") == undefined) {
6
7            $(this[0]).attr("data-col", "4")
8
9        }
10
11        var inner = $("<div></div>").addClass("roverlay-inner");
12
13        var closerAbsolute = false;
14
15        if ($(this[0]).attr("data-header") != undefined) {
16
17            var header_row = $("<div></div>").addClass("row");
18
19            var header_close = $("<div></div>").append("<a class='close'><i class='fa fa-times'></i></a>").on("click", function() {
20
21                $(this).closest(".roverlay").css("display", "none");
22
23            });
24
25            var header = $("<div></div>").attr("class", "roverlay-header col col-xs-12 col-sm-12 col-md-" + $(this[0]).attr("data-col") + " col-lg-" + $(this[0]).attr("data-col")).html("<span>" + $(this[0]).attr("data-header") + "</span>");
26
27            $(header_row).append(header);
28            $(header).append(header_close);
29            $(inner).append(header_row);
30
31        } else {
32
33            closerAbsolute = true;
34
35            var header_close = $("<div></div>").addClass("roverlay-outer-closer").append("<a class='close'><i class='fa fa-times'></i></a>").on("click", function() {
36
37                $(this).closest(".roverlay").css("display", "none");
38
39            });
40
41        }
42
43        var body_row = $("<div></div>").addClass("row");
44        var body = $("<div></div>").attr("class", "roverlay-body col col-xs-12 col-sm-12 col-md-" + $(this[0]).attr("data-col") + " col-lg-" + $(this[0]).attr("data-col"));
45
46        $(this[0]).children().not(".roverlay-inner").each(function(i, v) {
47
48            $(body).append($(v));
49
50        });
51
52        $(this[0]).append(inner);
53
54        $(body_row).append(body);
55
56        $(inner).append(body_row);
57
58        if (closerAbsolute) { $(this[0]).append(header_close); }
59
60    } else {
61
62        switch (param) {
63
64            case 'refresh':
65
66                var h = $(this[0]).find(".roverlay-inner").first().height();
67
68                if ($(this[0]).find(".roverlay-header").length > 0) {
69
70                    var hh = $(this[0]).find(".roverlay-header").first().height();
71
72                    var nh = h - hh - 20;
73
74                }
75
76                $(this[0]).find(".roverlay-body").height(nh);
77
78                break;
79
80            case 'open':
81
82                $(this[0]).css("display", "flex");
83
84                break;
85
86            case 'close':
87
88                $(this[0]).css("display", "none");
89
90                break;
91
92        }
93
94    }
95
96}
97
98$.fn.iFlex = function() {
99
100    $(this).css("display", "inline-flex");
101
102}
103
104$.fn.Flex = function() {
105
106    $(this).css("display", "flex");
107
108}
109
110$.fn.Hide = function() {
111
112    $(this).css("display", "none");
113
114}