From 88dbf2c528478cb233cf3ce7c74a256b4ea77978 Mon Sep 17 00:00:00 2001 From: Felix Niklas Date: Tue, 7 Oct 2014 12:23:03 +0200 Subject: [PATCH] add import wizard --- app/assets/images/otrs-logo.png | Bin 0 -> 4362 bytes .../app/controllers/layout_ref.js.coffee | 68 ++++++++++ .../views/layout_ref/import_wizard.jst.eco | 90 +++++++++++++ .../app/views/layout_ref/index.jst.eco | 1 + app/assets/stylesheets/zzz.css.erb | 121 +++++++++++++++++- 5 files changed, 279 insertions(+), 1 deletion(-) create mode 100644 app/assets/images/otrs-logo.png create mode 100644 app/assets/javascripts/app/views/layout_ref/import_wizard.jst.eco diff --git a/app/assets/images/otrs-logo.png b/app/assets/images/otrs-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..437fb4d14b9d0b672336f9220aa7c1bd26c271d3 GIT binary patch literal 4362 zcmbVQcTiJXx2FU|DN+;xDFIPLDM<(cLJfpK=vAsEkN}}1A%xyRdXXk5C`GU!A{|sv zq=zC%ktRr$A|i+a7clt6d$0GsKkj^Q=AAj`?7i1szuzi*t(h|?!OTRD^O(>v1_lOB zv_8^;K2qtA0UI;@-F>(gP9Fp*y0#Qcq6@_zL&h;6utX;u5bcF=#aZAm*g)@YoEifI zvm4&ZmSSsc1a~HS$zgu!$OU+j=x7E8HO&AL#@Pc$0XpGa@dR~=jmBmPARenOVWVga zGA8NZ-0=EAWSnJ?iIsDZhqDS+LQ?~%767Lcc;P4*V1Sn=!3Q3oF7YQXoId|0mX`qj zsY3Bkm-x#mTVpez4v~xlD#|IyI)lJqAPgo4hAP5fU>P6;1cu0i=r>Fj423Jg;1DI? z-?#jdQBnED0fETUHDrAP2^36# zEWzi@Zw4gJ$C->LQSd|p@E0S-iRepFm!Nz4R|sAtW8;5_2|j-(ik>q001QbUEC-VJ z^7<9mpV~eY3*7&>@vquGR)Hj(yampO=u38{pNGqt-(Y&~{=1=Higa(_rer+*P%xfI zqO-3TjzB>p)g|aVa#%bT4pLO6XHf|XQi6bB%3!cENLc}?gH%#RBDIl72=q6{zhM<% zN?>gz6bh=S0tJJ0p(=_H7y<@S0)cfvAZ-xpHx^CspCVXiDv$qFF2671AwBz*2-$5qCsUwTKDkS#<%Zo&2P$^TGKFBYQF88R=24;`G^@_ zZB#QKn3yW?^Y$A1_-$`rQChKTYJT(w%{?}~Ps@7qRfp+CjdvgBCW@a>YpaiISnwgN z>tqnKef>8s+qW#PFiOBC>Z*rQ^0?Sfl6ogp_@p@0%mh&Ofo%h%r0gaeymLg#$esIv z8F%=Rwo%4t#~0K;_V&&7OpHlk-GOm?+dItWXjI5mfgwc-SIYp;W zO9mh`Wvy@zFKSsgP%pwXBu$;38(djT%xN1Ko-V7+8=5pp%r&ZNmAQns&MW=2v1wk{ zX+e&NwKS7K=>Ir4s8lvupPlclD0lA}H+|NvfT28yj@UamU{f)vL0B_@kYF3P*}9k8 zo125Lo4wx7{GidAy8E|wcI9o|fByVg7FW>Ez`*_ljYL=lOpfFpI80K7x*|!^j78)@ zgF^0dr=lyo^6K{ivd3&E?fr`jANV#_pWm)7OR;cZIowv*kc_;ZWH6Aw4E~nKC%lxo zyK~nc1Pw|~=x9O2`SlDc!!>_;zY9ofd+U6duHIA-JfabtA$x*9_B%^PulZcZ&cv|x zBi^8ji)o!hT)v=jjlg`)z=D$1mu> z0fB&5@1Wg60`0*c-iovJJB+;Y%s5U37PTI~93^wFNq1d8VeN4g$Ceq(!eyYC_*5xP z-hlJy$$Ti~s6R3!i36wJ-MzPlEFAN*|aWd?8SWn-QA= z3Y}Z&`t7S9pe(tWN(jpa9%y+>xGgj@_$g5&Y1HTy^hxdwyS`ljUPh!T?D8~ie{><; z;!^lhv-d;fxsGAzK%(%fr5Q|ag3vaQGuZYqC%5~=T=H#bQnnHrg|&nlKU6liEtdv< zOn6^k{YoMK#^KKUu?F^rvdkhm(=jJuy^*}=T^nM_kv*f*_l0PNi4%1-0D1D>>gZ!c z>p)JHBD&@3&3r+ocPY4DTcTLlF=00&+Cv-9R|N%uN~Dk}ghlEfN2^Un6Heq68A|St zCcCwma#?N@qCdO_Iv%Lm@lNpItP3<*3|sCog;59P#*jH zxUc15NToYaU~aQOM!9tfBXq+Spmt+C?a-jnnUSRg*<&dw)v_NNU~Y44{jTIV&h~-l ziGc5wl2KhkX3Ev$=`1M8p%(kRHJfTtV8V+o|IhXrYa7h*OghP24(0EeC!e;bGy~4f z5>GITkl&1r3HMg6Cc79g&7DaM7Ya1WAUkbbjcKrS4cQug$-(H+$$<6h3(!xJUTl+; zCQZc>?cY?*>L%nMaUoJr$HBj&`*rVpl&sAeOFDI}5OeTn zCT+c3X)1Mg%n>kl_5JL-EH_53`^*s(ffDQnRwc5%RJX+W&1<1!f#!(a>weAmoT4tM z-5+10^~CscStj?3JM>Z9E7iF;T3=XOB6zx7UNB3}aF*Elp3@ilVH$Bt4Hf+jRJ9Z* zD=!$kUBfm6Y+lH_1ssx0H34Ue;=Kzo-wwAkTkT^qnmkZ3-d`VkNZa#QAx2Kl!dn+a zZXYnGlZ6plkEXG}uhr%LnEF{Bvs1{NiVH)^mE1iL&?Gjs^~X2b9i-Edvp*ihe8oRF zkZn_H!WUh+WcqZz{qa_PaHR5`3{^y=5{5epHX|q0`|93#{qtcGZm$zhDZ3!lC&AsC z3&REFqx_xbH{3N-LV*jTMy!J4tPPW5Q~}TY?+ZV3moRn^KEXyETDDRkkAV#>IpF!n z(4|Nn{kiCpXr2Vx##hba8w=jj?Kf$C zcB@uwu=2n<9YLsMo?2gsuk=Cjs>OwifUcwc)`~{1C9HvjX6?u8BpGxc2s}kzxR6XO zbf5bqy5N`_r*M~VNF^p$2m8fFe0=kyaGpm@7Ma;SbF~=K%qJQ`ajo>3yry)DMfkJW z2CH;Bk1N0=`z${q-P6E9<-^9_6wj4D{h?c?&*3uU7iN`+0!IC3YzfA$S<01_iA1Sy z3qYIm!Q&b#-g^7E+Ep7~fn9@UN_$f**T*_V8xG#55@CwV(_rT-L)InXmh5EpHEAmn z4@Y3lLxhCR=*bMtMJIwt*w?I#Bxgdwrvyl>Au3N8TD2<|A5vn6t3pv18&7M*(AdBG zurIogF5GkvJns+yyKyg(mC@lWi+6h=Nw|1GQ)o&h&AfF4>wm-{b3XTNz;)C1LzmTx z>eIS+#I-&Hl0hL#>s3@$5o7MQI5R}&qZ8USWJc#jz9~P)CFPc*n9xlv#6&~5-3E#` zdRXuBNJ+WcrSPaSO>VvbX>qN6NjCDxAuD4>ev4% zpB)_zg3USFKQHw}2=+)~+0RWIR4v`( z^^2{`JiZJgj-F%pt62VSaCnPZqbqGu@Io>=tIA3^Vk_oYugk>IWmc)Nx|<*2QD=;- z&R#=H?HPwg8S!1W$as49nkB*w@9rsQas8U+K+sEwZoQexPw$dd#4Q$Bb&|V*(*=!& zX}^$MTjAO`|H{jsRp&Mf>&K7Klr1aIrPQR~aT(iXOn-bMtNW|89?nWZ1DyR#oguQG z;8rv*Yn30mqPA+x=P7a2>7#d35?cT?!M2rDqr2Yllhl!tcO2TNk`f#pXvQ!3CV88k zoHB5x52A6H@T^3E5VGYXSa#b*?Db}`83NWF+i%*aB+{kzRFbEASM(Gm>1sB4E_x~~ zxK#d>N~wtC;_w%?-g^sD(vI%By)RAT3H9%al-u9L!P|-zzX9UjBc!KpgB@kZ^VL=E zZUmm(p7&JnGIU!um7+QYl;m6?*f6g=tvpNP3CkeG7-GHd)In zEKcp}R$o{*h%bWBW8K;Ju(WiZ^8NL}yJ4;=U76HIszT>PxV*-#fq0JEygiOCYo*@x zf#XG((C0;74znsRSe#xgzU}L6%8GT*(>1{cHk~{3;0`K|Ec(2znJ_LYnsQZ=w?iRI zS+<#^TH|VDICiY8g`D#+yRaMke311%%M7SC6&MMe(gs9(Z28}eE+d#_^|#>`sG%Er ztc8Qz;Xk%GkS@OSV_&fDk*^!V_i~qo%Ab#Ry*n)cu>L-Px)U*}W3A^OzwsLA)1@D! z%^p!P8um5!^9)TSwV0U3=T>{%!JI|VIsOPC!vS%{E^n9R8D~EIV}^H;#sZJwATGcy zFGiVh8@~YTrE+c=dKYnHp@X1|qA<3AY+mu66uuVIH7E~*onD8@y#NTA4b%?wDJe0||yRgMoM7^}H-6g+D?#Jv+O{HBjek&E$(9 zxUR4PV)VNP4BrYizO>$)MQDNQgZX(K9WSr=b<-jcCaLA4>#1=rh!ZS1uN*yA4qj_5 lo6D?!8Py43TWDtDVCb0G@eoBN)&BZBfz~xaKGnV!^&cdq%R&GE literal 0 HcmV?d00001 diff --git a/app/assets/javascripts/app/controllers/layout_ref.js.coffee b/app/assets/javascripts/app/controllers/layout_ref.js.coffee index c262c410e..2554ac2d2 100644 --- a/app/assets/javascripts/app/controllers/layout_ref.js.coffee +++ b/app/assets/javascripts/app/controllers/layout_ref.js.coffee @@ -497,4 +497,72 @@ class ContentSidebarLeft extends App.ControllerContent App.Config.set( 'layout_ref/content_sidebar_left', ContentSidebarLeft, 'Routes' ) + +class ImportWizard extends App.ControllerContent + elements: + '[data-target]': 'links' + '[data-slide]': 'slides' + '[data-action]': 'actions' + '#otrs-link': 'otrsLink' + '.input-feedback':'inputFeedback' + + constructor: -> + super + @render() + + @links.on 'click', @navigate + @actions.on 'click', @action + + # wait 500 ms after the last user input before we check the link + @otrsLink.on 'input', _.debounce(@checkOtrsLink, 600) + + checkOtrsLink: (e) => + if @otrsLink.val() is "" + @inputFeedback.attr('data-state', '') + return + + @inputFeedback.attr('data-state', 'loading') + + # send fake callback + if @otrsLink.val() is '1337' + state = 'success' + else + state = 'error' + + setTimeout @otrsLinkCallback, 1500, state + + otrsLinkCallback: (state) => + @inputFeedback.attr('data-state', state) + + @showNextButton @inputFeedback if state is 'success' + + action: (e) => + button = $(e.delegateTarget) + + switch button.attr('data-action') + when "reveal" then @showNextButton button + + showNextButton: (sibling) -> + sibling.parents('.wizard-slide').find('.btn.hide').removeClass('hide') + + navigate: (e) => + target = $(e.delegateTarget).attr('data-target') + targetSlide = @$("[data-slide=#{ target }]") + + if targetSlide + @goToSlide targetSlide + + goToSlide: (targetSlide) => + @slides.addClass('hide') + targetSlide.removeClass('hide') + + if targetSlide.attr('data-hide') + setTimeout @goToSlide, targetSlide.attr('data-hide'), targetSlide.next() + + + render: -> + @html App.view('layout_ref/import_wizard')() + +App.Config.set( 'layout_ref/import_wizard', ImportWizard, 'Routes' ) + App.Config.set( 'LayoutRef', { prio: 1700, parent: '#current_user', name: 'Layout Reference', target: '#layout_ref', role: [ 'Admin' ] }, 'NavBarRight' ) diff --git a/app/assets/javascripts/app/views/layout_ref/import_wizard.jst.eco b/app/assets/javascripts/app/views/layout_ref/import_wizard.jst.eco new file mode 100644 index 000000000..e28ced7a2 --- /dev/null +++ b/app/assets/javascripts/app/views/layout_ref/import_wizard.jst.eco @@ -0,0 +1,90 @@ +
+
+
+

Import Tickets

+
+
+ +
+
+
+
+

Create OTRS Migration Plugin

+
+

+ Personalise Migration Plugin .. +

+
+
+ Go Back +
+
+
+

Download OTRS Migration Plugin

+
+

+ Download and install this personalised OTRS Migration Plugin on your OTRS System: +

+ Personal Migration Plugin +
+
+ Go Back +
Next
+
+
+
+

Link OTRS

+
+

+ Enter the link provided by the plugin at the end of the installation to link the two systems: +

+
+ +
+ +
+
+
+
+
+
+
+
+
+ Go Back +
Migrate OTRS Data
+
+
+
+

OTRS Migration

+
+ + + + + + + +
42/42 + Users +
+
+
+
29999/29999 + Tickets +
+
+
+
+ Configuration +
+
+
+
+
+
+ Done +
+
+
+
\ No newline at end of file diff --git a/app/assets/javascripts/app/views/layout_ref/index.jst.eco b/app/assets/javascripts/app/views/layout_ref/index.jst.eco index 9d87a5a1f..7c81632af 100644 --- a/app/assets/javascripts/app/views/layout_ref/index.jst.eco +++ b/app/assets/javascripts/app/views/layout_ref/index.jst.eco @@ -14,6 +14,7 @@
  • Communication Reply - no content Example
  • Communication Reply - with content Example
  • Communication Reply - with multiline content Example
    • +
  • Import Wizard
    • \ No newline at end of file diff --git a/app/assets/stylesheets/zzz.css.erb b/app/assets/stylesheets/zzz.css.erb index fee14cb7d..2da9dafdd 100644 --- a/app/assets/stylesheets/zzz.css.erb +++ b/app/assets/stylesheets/zzz.css.erb @@ -609,7 +609,11 @@ textarea, margin-top: 0; } -.login, .getstarted, .reset_password, .signup { +.login, +.getstarted, +.reset_password, +.signup, +.darkBackground { padding: 10px; height: auto; background: hsl(234,10%,19%); @@ -1550,6 +1554,13 @@ footer { background: hsl(0,65%,55%); } +.btn--download .download.icon { + margin-right: 6px; + margin-top: 3px; + margin-left: -10px; + vertical-align: top; +} + .navigation { width: 260px; background: #26272e; @@ -3768,6 +3779,114 @@ footer { white-space: nowrap; } +.wizard { + width: 360px; +} + +.wizard h2 { + text-align: center; + border-bottom: 1px solid rgba(0,0,0,.13); + padding-bottom: 8px; + margin-bottom: 16px; +} + +.wizard .form-group { + margin: 0; +} + +.wizard-slide { + min-height: 260px; +} + +.wizard-body { + padding-bottom: 15px; +} + +.wizard-controls { + padding-top: 15px; + height: 39px; +} + +.wizard-loadingText { + text-align: center; + margin: 0; +} + +.wizard-loadingText .loading { + vertical-align: middle; + margin-right: 10px; +} + +.import-source { + cursor: pointer; + border-radius: 5px; + border: 1px solid rgba(0,0,0,.13); + height: 50px; + margin: 5px 0; +} + +.input-feedback { + position: absolute; + padding-left: 10px; + right: 1px; + top: 1px; + bottom: 1px; + width: 52px; + border-radius: 0 5px 5px 0; + background: linear-gradient(to right, transparent, white 33%); + pointer-events: none; +} + +.input-feedback .icon { + display: none; +} + +.input-feedback[data-state=loading] .loading.icon, +.input-feedback[data-state=error] .error.icon, +.input-feedback[data-state=success] .checkmark.icon { + display: block; +} + +.progressTable { + max-width: 100%; + margin: 0 auto; +} + +.progressTable td { + padding: 8px 5px; +} + +.progressTable tr:not(:last-child) { + border-bottom: 1px solid #eee; +} + +.progressTable td:first-child { + text-align: right; +} + +.progressTable-progressCell { + width: 120px; +} + +.progress { + height: 10px; + margin: 3px 0 0; +} + + .progress .bar { + background: #389ed9; + height: 100%; + } + +.progressTable .progress + .checkmark { + margin-left: 10px; + opacity: 0; +} + +.progressTable tr.is-done .checkmark { + opacity: 1; +} + /* ----------------