•  
     
    story #13566 associate a custom icon to external services
Summary
project administrator
associate a custom icon to external services

I can give a better insight on what's at the end of the link

Functional overview

As an admin, when I create / edit a custom service, I can select an icon in an icon selector.

This icon will be used in the service bar on the left hand side as for "regular" Tuleap services.

Technical overview

Icons will be selected in Font Awesome library. It will be a first selection (see icon selector in live mockup) with possibility to extend that later on.

Icon selector is based on Select2

In order to have an consistent rendering, all services icons must be moved to "tlp-fa" (the tuleap extention of Font Awesome) too.

Here is the list of services whose icons are not yet in font-awesome:

  • svn
  • git
  • cvs
  • proftpd
  • phpwiki
  • mediawiki

Design

Empty
davide.grion@st.com, Denis PILAT (denis_pilat)
Status
Empty
Done
Development
  • [ ] Does it involves User Interface? 
  • [ ] Are there any mockups?
  • [ ] Are permissions checked?
  • [ ] Does it need Javascript development?
  • [ ] Does it need a forge upgrade bucket?
  • [ ] Does it need to execute things in system events?
  • [ ] Does it impact project creation (templates)?
  • [ ] Is it exploratory?
Empty
Details
#13566
Manuel Vacelet (vaceletm)
2019-08-22 09:04
2019-07-01 09:49
4025

References
Referencing story #13566

Git commit

tuleap/tuleap/stable

Use standard font-awesome icons instead of Tuleap special font ec3ec5e04e
New bunch of icons in FA-TLP 5f36695261
Get rid of tuleap-services font 54712c02c3
Use Front Router for project services administration 557b4a9195
Extract delete modal 7c25cac1bc
Refactoring: Split core po file 825e21ca6c
Display custom icon associate to service 97d797c132
Refactoring: Extract a single Custom service edition modal 96128dc7b2
Clicking on the icon should open the modal 8540b603d9
Refactoring: Extract a second modal for site admin 8964986fb7
Preview the label in the Edit modal 494389a7b4
Cleanup and move Vue files in component folder 6a8409109f
Select and save icon in edit service modal 756f56435f
Convert checkboxes to switches and add helpers 6ea63eccf0
Convert the edit modal for system services to Vue 0b10f57dd9
Display service icon in table fc7654197d
Proper alignment of icons in sidebar 93c39de3f9
Remove hackish VueTranslater component db94dd0c50
Select icon and open in new tab in Add modal 3f686d9af8
Save Icon and open in new tab when adding a service 5e251d4aaa
Inherit icon and "new tab" in new project b26b6b1a57
Use new core API to associate a custom icon to service 0516155123
Use new core API to associate a custom icon to service 8a62a6298b

Follow-ups

User avatar
I suggest you put the "Open in a new tab?" on the first line , next to "Enabled?" to make it more compact ?
User avatar

Adding Davide & Denis in CC so they can see the mock-ups


  • CC list set to Denis PILAT (denis_pilat), davide.grion@st.com
User avatar
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar
  • So that
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes