Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
A
angular-emoji-popup
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
angular-emoji-popup
Commits
32abc202
Commit
32abc202
authored
Dec 19, 2014
by
Madhur
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
work in progress
parent
2007ff30
Changes
6
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
4271 additions
and
3079 deletions
+4271
-3079
style.css
css/style.css
+186
-0
index.html
index.html
+16
-2
app.js
js/app.js
+24
-0
config.js
js/config.js
+3641
-993
emoji.js
js/emoji.js
+87
-1768
emojiDirectives.js
js/emojiDirectives.js
+317
-316
No files found.
css/style.css
View file @
32abc202
.form-control
:focus
{
border-color
:
#66afe9
;
outline
:
0
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
102
,
175
,
233
,
.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
102
,
175
,
233
,
.6
);
}
.emoji-wysiwyg-editor
:empty:before
{
content
:
attr
(
placeholder
);
color
:
#9aa2ab
;
}
.icon-emoji
{
display
:
inline-block
;
width
:
23px
;
height
:
23px
;
vertical-align
:
text-top
;
background
:
url('/img/IconsetW.png')
-10px
-4px
/
42px
1171px
no-repeat
;
opacity
:
0.8
;
}
.im_emoji_btn
:hover
.icon-emoji
{
opacity
:
1
;
}
/* Emoji area */
.emoji-wysiwyg-editor
:empty:before
{
content
:
attr
(
placeholder
);
color
:
#9aa2ab
;
}
.emoji-wysiwyg-editor
:active:before
,
.emoji-wysiwyg-editor
:focus:before
{
content
:
none
;
}
.emoji-wysiwyg-editor
{
float
:
left
;
margin-left
:
2px
;
padding
:
6px
;
box-sizing
:
content-box
;
-moz-box-sizing
:
content-box
;
font-size
:
12px
;
margin-bottom
:
10px
;
min-height
:
36px
;
height
:
30px
;
width
:
500px
;
max-height
:
284px
;
overflow
:
auto
;
line-height
:
17px
;
border
:
1px
solid
#d2dbe3
;
border-radius
:
2px
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
-webkit-transition
:
border-color
ease-in-out
0.15s
,
box-shadow
ease-in-out
0.15s
;
transition
:
border-color
ease-in-out
0.15s
,
box-shadow
ease-in-out
0.15s
;
-webkit-user-select
:
text
;
word-wrap
:
break-word
;
}
.emoji-wysiwyg-editor
img
{
width
:
20px
;
height
:
20px
;
vertical-align
:
middle
;
margin
:
-3px
0
0
0
;
}
.emoji-menu
{
position
:
absolute
;
z-index
:
999
;
width
:
225px
;
margin-left
:
-107px
;
margin-top
:
-252px
;
overflow
:
hidden
;
border
:
1px
#dfdfdf
solid
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
overflow
:
hidden
;
-webkit-box-shadow
:
0px
1px
1px
rgba
(
0
,
0
,
0
,
0.1
);
-moz-box-shadow
:
0px
1px
1px
rgba
(
0
,
0
,
0
,
0.1
);
box-shadow
:
0px
1px
1px
rgba
(
0
,
0
,
0
,
0.1
);
}
.emoji-items-wrap1
{
background
:
#FFF
;
padding
:
5px
2px
5px
5px
;
}
.emoji-items-wrap1
.emoji-menu-tabs
{
width
:
100%
;
margin-bottom
:
8px
;
margin-top
:
3px
;
}
.emoji-items-wrap1
.emoji-menu-tabs
td
{
text-align
:
center
;
color
:
white
;
line-height
:
0
;
}
.emoji-menu-tabs
.emoji-menu-tab
{
display
:
inline-block
;
width
:
24px
;
height
:
29px
;
background
:
url('/img/IconsetSmiles.png')
no-repeat
;
background-size
:
42px
350px
;
}
.is_1x
.emoji-menu-tabs
.emoji-menu-tab
{
background-image
:
url('/img/IconsetSmiles_1x.png')
;
}
.emoji-menu-tabs
.icon-recent
{
background-position
:
-9px
-306px
;
}
.emoji-menu-tabs
.icon-recent-selected
{
background-position
:
-9px
-277px
;
}
.emoji-menu-tabs
.icon-smile
{
background-position
:
-9px
-34px
;
}
.emoji-menu-tabs
.icon-smile-selected
{
background-position
:
-9px
-5px
;
}
.emoji-menu-tabs
.icon-flower
{
background-position
:
-9px
-145px
;
}
.emoji-menu-tabs
.icon-flower-selected
{
background-position
:
-9px
-118px
;
}
.emoji-menu-tabs
.icon-bell
{
background-position
:
-9px
-89px
;
}
.emoji-menu-tabs
.icon-bell-selected
{
background-position
:
-9px
-61px
;
}
.emoji-menu-tabs
.icon-car
{
background-position
:
-9px
-196px
;
}
.emoji-menu-tabs
.icon-car-selected
{
background-position
:
-9px
-170px
;
}
.emoji-menu-tabs
.icon-grid
{
background-position
:
-9px
-248px
;
}
.emoji-menu-tabs
.icon-grid-selected
{
background-position
:
-9px
-222px
;
}
.emoji-menu-tabs
.icon-smile
,
.emoji-menu-tabs
.icon-flower
,
.emoji-menu-tabs
.icon-bell
,
.emoji-menu-tabs
.icon-car
,
.emoji-menu-tabs
.icon-grid
{
opacity
:
0.7
;
}
.emoji-menu-tabs
.icon-smile
:hover
,
.emoji-menu-tabs
.icon-flower
:hover
,
.emoji-menu-tabs
.icon-bell
:hover
,
.emoji-menu-tabs
.icon-car
:hover
,
.emoji-menu-tabs
.icon-grid
:hover
{
opacity
:
1
;
}
.emoji-menu
.emoji-items-wrap
{
position
:
relative
;
height
:
174px
;
}
.emoji-menu
.emoji-items
{
padding-right
:
8px
;
outline
:
0
!important
;
}
.emoji-menu
img
{
width
:
20px
;
height
:
20px
;
vertical-align
:
middle
;
border
:
0
none
;
}
.emoji-menu
.emoji-items
a
{
margin
:
-1px
0
0
-1px
;
padding
:
5px
;
display
:
block
;
float
:
left
;
border-radius
:
2px
;
}
.emoji-menu
.emoji-items
a
:hover
{
background-color
:
#edf2f5
;
}
.emoji-menu
:after
{
content
:
' '
;
display
:
block
;
clear
:
left
;
}
.emoji-menu
a
.label
{
display
:
none
;
}
.myform
{
position
:
fixed
;
top
:
50%
;
width
:
100%
;
left
:
20%
;
}
\ No newline at end of file
index.html
View file @
32abc202
...
@@ -8,21 +8,35 @@
...
@@ -8,21 +8,35 @@
</head>
</head>
<body
ng-controller=
"emojiController"
>
<body
ng-controller=
"emojiController"
>
<!--<h1>Angular Emoji Popup</h1>-->
<p/>
<p/>
<p/>
<p/>
<div
my
Form
>
<div
my
-form
class=
"myform"
>
<textarea
id=
"messageInput"
ng-enter=
"replyToUser()"
ng-model=
"messagetext"
placeholder=
"Write a message..."
class=
"ng-untouched ng-valid ng-dirty ng-valid-parse"
style=
"display: none;"
></textarea>
<textarea
id=
"messageInput"
ng-enter=
"replyToUser()"
ng-model=
"messagetext"
placeholder=
"Write a message..."
class=
"ng-untouched ng-valid ng-dirty ng-valid-parse"
style=
"display: none;"
></textarea>
<div
style=
"margin-right:10px;margin-top:5px;"
class=
"im_emoji_btn"
id=
"emojibtn"
style=
"cursor:pointer"
>
<i
class=
"icon icon-emoji"
style=
"cursor:pointer; margin-left:20px;margin-top:10px;"
></i>
</div>
</div>
</div>
<script
type=
"text/javascript"
src=
"js/angular.min.js"
></script>
<script
type=
"text/javascript"
src=
"js/angular.min.js"
></script>
<script
type=
"text/javascript"
src=
"js/jquery-1.11.1.min.js"
></script>
<script
type=
"text/javascript"
src=
"js/jquery-1.11.1.min.js"
></script>
<script
type=
"text/javascript"
src=
"js/config.js"
></script>
<script
type=
"text/javascript"
src=
"js/emoji.js"
></script>
<script
type=
"text/javascript"
src=
"js/emoji.js"
></script>
<script
type=
"text/javascript"
src=
"js/jquery.emojiarea.js"
></script>
<script
type=
"text/javascript"
src=
"js/jquery.emojiarea.js"
></script>
<script
type=
"text/javascript"
src=
"js/app.js"
></script>
<script
type=
"text/javascript"
src=
"js/app.js"
></script>
<script
type=
"text/javascript"
src=
"js/config.js"
></script>
<script
type=
"text/javascript"
src=
"js/emojiController.js"
></script>
<script
type=
"text/javascript"
src=
"js/emojiController.js"
></script>
<script
type=
"text/javascript"
src=
"js/emojiDirectives.js"
></script>
<script
type=
"text/javascript"
src=
"js/emojiDirectives.js"
></script>
<script
type=
"text/javascript"
src=
"js/nanoscroller.js"
></script>
</body>
</body>
</html>
</html>
js/app.js
View file @
32abc202
...
@@ -2,3 +2,27 @@
...
@@ -2,3 +2,27 @@
var
emojiApp
=
angular
.
module
(
"
emojiApp
"
,
[]);
var
emojiApp
=
angular
.
module
(
"
emojiApp
"
,
[]);
emojiApp
.
config
([
'
ConfigProvider
'
,
function
(
ConfigProvider
)
{
var
icons
=
{},
reverseIcons
=
{},
i
,
j
,
hex
,
name
,
dataItem
,
row
,
column
,
totalColumns
;
for
(
j
=
0
;
j
<
Config
.
EmojiCategories
.
length
;
j
++
)
{
totalColumns
=
Config
.
EmojiCategorySpritesheetDimens
[
j
][
1
];
for
(
i
=
0
;
i
<
Config
.
EmojiCategories
[
j
].
length
;
i
++
)
{
dataItem
=
Config
.
Emoji
[
Config
.
EmojiCategories
[
j
][
i
]];
name
=
dataItem
[
1
][
0
];
row
=
Math
.
floor
(
i
/
totalColumns
);
column
=
(
i
%
totalColumns
);
icons
[
'
:
'
+
name
+
'
:
'
]
=
[
j
,
row
,
column
,
'
:
'
+
name
+
'
:
'
];
reverseIcons
[
name
]
=
dataItem
[
0
];
}
}
$
.
emojiarea
.
spritesheetPath
=
'
/img/emojisprite_!.png
'
;
$
.
emojiarea
.
spritesheetDimens
=
Config
.
EmojiCategorySpritesheetDimens
;
$
.
emojiarea
.
iconSize
=
20
;
$
.
emojiarea
.
icons
=
icons
;
$
.
emojiarea
.
reverseIcons
=
reverseIcons
;
}]);
\ No newline at end of file
js/config.js
View file @
32abc202
This source diff could not be displayed because it is too large. You can
view the blob
instead.
js/emoji.js
View file @
32abc202
This diff is collapsed.
Click to expand it.
js/emojiDirectives.js
View file @
32abc202
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment