diff --git a/app/assets/javascripts/app/controllers/_channel/twitter.coffee b/app/assets/javascripts/app/controllers/_channel/twitter.coffee index 156eb26b9..03916b86e 100644 --- a/app/assets/javascripts/app/controllers/_channel/twitter.coffee +++ b/app/assets/javascripts/app/controllers/_channel/twitter.coffee @@ -3,6 +3,7 @@ class Index extends App.ControllerContent 'click .js-new': 'new' 'click .js-edit': 'edit' 'click .js-delete': 'delete' + 'click .js-create-app': 'createApp' constructor: -> super @@ -46,6 +47,18 @@ class Index extends App.ControllerContent # showDescription: showDescription # description: description + createApp: -> + modal = new App.ControllerModalNice + head: 'Connect Twitter App' + container: @el.parents('.content') + content: App.view('twitter/app_create') + shown: true + button: 'Connect' + cancel: true + onSubmit: () => + @html App.view('twitter/list')() + modal.close() + new: (e) -> # e.preventDefault() # new App.ControllerGenericNew( diff --git a/app/assets/javascripts/app/views/twitter/account_edit.jst.eco b/app/assets/javascripts/app/views/twitter/account_edit.jst.eco new file mode 100644 index 000000000..e69de29bb diff --git a/app/assets/javascripts/app/views/twitter/app_create.jst.eco b/app/assets/javascripts/app/views/twitter/app_create.jst.eco new file mode 100644 index 000000000..611d05c6a --- /dev/null +++ b/app/assets/javascripts/app/views/twitter/app_create.jst.eco @@ -0,0 +1,32 @@ +

Create Twitter App

+

+ The tutorial on how to create a Twitter App is hosted on zammad.org/twitter-app-tutorial +

+
+
+
+ +
+
+ + You need this callback URL for the Twitter App setup. +
+
+

Enter your Twitter App Keys

+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
\ No newline at end of file diff --git a/app/assets/javascripts/app/views/twitter/index.jst.eco b/app/assets/javascripts/app/views/twitter/index.jst.eco index ea9ee5999..9d090c0af 100644 --- a/app/assets/javascripts/app/views/twitter/index.jst.eco +++ b/app/assets/javascripts/app/views/twitter/index.jst.eco @@ -2,11 +2,6 @@

<%- @T('Twitter') %> <%- @T('Accounts') %>

- -
- -
@@ -16,46 +11,4 @@

<%- @T('Connect Twitter App') %>
- \ No newline at end of file diff --git a/app/assets/javascripts/app/views/twitter/list.jst.eco b/app/assets/javascripts/app/views/twitter/list.jst.eco new file mode 100644 index 000000000..7e19755f9 --- /dev/null +++ b/app/assets/javascripts/app/views/twitter/list.jst.eco @@ -0,0 +1,55 @@ +
+
+

<%- @T('Twitter') %> <%- @T('Accounts') %>

+
+ +
+ <%- @T('Configure App') %> + <%- @T('Add Account') %> +
+
+ +
+
+
+

<%- @Icon('status', 'supergood-color inline') %> Zammad Community @zammad_community

+
+
+
+

<%- @T('Search Terms') %>

+ zammad +
+ <%- @Icon('arrow-right', 'action-flow-icon') %> +
+

<%- @T('Group') %>

+ social network +
+
+
+
+

<%- @T('Mentions') %>

+ @zammad_community +
+ <%- @Icon('arrow-right', 'action-flow-icon') %> +
+

<%- @T('Group') %>

+ social network +
+
+
+
+

<%- @T('Direct Messages') %>

+ @zammad_community +
+ <%- @Icon('arrow-right', 'action-flow-icon') %> +
+

<%- @T('Group') %>

+ social network +
+
+
+
<%- @T('Delete') %>
+
<%- @T('Edit') %>
+
+
+
\ No newline at end of file diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss index cd698935b..30f049ccc 100644 --- a/app/assets/stylesheets/zammad.scss +++ b/app/assets/stylesheets/zammad.scss @@ -1367,6 +1367,15 @@ textarea, &.form-control--multiline { height: auto; } + + &[readonly] { + background: hsl(198,10%,95%); + + &:focus { + box-shadow: none; + border-color: hsl(0,0%,90%); + } + } } input[type=url] {