Bug 36095 - Adapt design of UCS startsite
Adapt design of UCS startsite
Status: CLOSED FIXED
Product: UCS
Classification: Unclassified
Component: Apache
UCS 3.2
Other Linux
: P5 normal (vote)
: UCS 4.0
Assigned To: Drees Dormann
Alexander Kläser
: interim-3
Depends on: 35654
Blocks: 35890 36316 36328
  Show dependency treegraph
 
Reported: 2014-10-08 11:35 CEST by Alexander Kläser
Modified: 2014-11-26 06:53 CET (History)
2 users (show)

See Also:
What kind of report is it?: ---
What type of bug is this?: ---
Who will be affected by this bug?: ---
How will those affected feel about the bug?: ---
User Pain:
Enterprise Customer affected?:
School Customer affected?:
ISV affected?:
Waiting Support:
Flags outvoted (downgraded) after PO Review:
Ticket number:
Bug group (optional): Design
Max CVSS v3 score:


Attachments
Design draft for the startsite (PDF) (902.83 KB, application/force-download)
2014-10-15 12:23 CEST, Alexander Kläser
Details
Necessary .svg icon files (5.17 KB, application/x-gzip)
2014-10-15 12:41 CEST, Alexander Kläser
Details
ucs-overview.png (51.09 KB, image/png)
2014-11-03 08:02 CET, Stefan Gohmann
Details

Note You need to log in before you can comment on or make changes to this bug.
Description Alexander Kläser univentionstaff 2014-10-08 11:35:52 CEST
Via Bug 35654, the design of the UMC is revised for UCS 4.0.
Along with the UMC design, the appearance for the UCS startsite needs to be adjusted, as well.
Comment 1 Erik Damrose univentionstaff 2014-10-08 12:00:50 CEST
The new design has to be adopted for at least the following packages:
univention-saml
univention-system-setup-boot: ec2 startsite 'initialsetup.html'
Comment 2 Erik Damrose univentionstaff 2014-10-08 12:06:29 CEST
The main reason for forking and maintaining a seperata javascript file for the univention-system-setup ec2 startsite was, that the english texts are defined in the js file. We talked about differrent approaches with the new design, to simplify future developments which use the ucs design. Also, keep themeing in mind:

- maintain the texts in the html file
- continue to use IDs in html, but let the js read the english texts from a seperate file
Comment 3 Alexander Kläser univentionstaff 2014-10-13 16:54:43 CEST
Source package for the overview page is service/univention-apache.

The plan for the adaptation is as follows:
* use English texts in data-i18n HTML attributes (see comment 2) and create .po files manually
* copy umc/app/CategoryButton from umc-frontend package (other UMC JS classes might be needed, as well)
* copy necessary stylus files from umc-frontend-theme package and adapt them as needed
* remove bootstrap JavaScript Code (for tabs + Drop-Down Button) and replace them with Dojo classes (TabController/TabContainer + dijit/form/DropDownButton)
* copy & integrate the bootstrap.zip file from the umc-frontend-theme package (via unpacking commands in the Makefile, cf. umc-frontend-theme package)
* integrate the Dojo build system via the Makefile (build dependency on univention-dojo-dev, cf. umc-frontend package) and includes + dojoConfig variable in the index.html file; for this, a build profile json file is also necessary
Comment 4 Alexander Kläser univentionstaff 2014-10-15 12:23:16 CEST
Created attachment 6164 [details]
Design draft for the startsite (PDF)

Attached the draft for the design of the UCS startsite.
Comment 5 Alexander Kläser univentionstaff 2014-10-15 12:41:18 CEST
Created attachment 6171 [details]
Necessary .svg icon files

Attached are the necessary .svg icon files
Comment 6 Alexander Kläser univentionstaff 2014-10-29 13:44:38 CET
Currently, the "no service are intalled" warning is displayed, although service entries exist.
Comment 7 Drees Dormann univentionstaff 2014-10-29 16:36:07 CET
now "no service are intalled" warning is hidde if services are installed
Comment 8 Alexander Kläser univentionstaff 2014-10-30 13:57:47 CET
The warning should by default be hidden (via dijitHidden) and then unhidden in the JavaScript.
Comment 9 Drees Dormann univentionstaff 2014-10-31 11:10:37 CET
thsi should be fixed now
Comment 10 Stefan Gohmann univentionstaff 2014-11-03 08:01:39 CET
See attached screenshot. I think the fields are too small for the text.
Comment 11 Stefan Gohmann univentionstaff 2014-11-03 08:02:02 CET
Created attachment 6277 [details]
ucs-overview.png
Comment 12 Drees Dormann univentionstaff 2014-11-03 12:30:13 CET
fixed text not displayed correctly in tile
Comment 13 Drees Dormann univentionstaff 2014-11-03 15:32:14 CET
also removed domain and hostname from systen and domain setup tile to get a fixed length and to fix "cut-off" texts
and bumped joinscript version to update ucr settings
(univention-management-console-frontend r55256)
Comment 14 Alexander Kläser univentionstaff 2014-11-03 15:58:45 CET
There is still the margin-right:20px for element .umcGalleryName. The margin needs to be removed.
Comment 15 Drees Dormann univentionstaff 2014-11-03 16:31:56 CET
* removed margin-right for element .umcGalleryName
  in css/gallerypane.styl
  r55294
Comment 16 Alexander Kläser univentionstaff 2014-11-03 17:24:47 CET
Opened Bug 36397 for missing grain pattern in IE9.
Comment 17 Alexander Kläser univentionstaff 2014-11-03 17:44:10 CET
An  rgrep '\$' $(find . -name "*.css")  show that there are some variables that are not resolved during the stylus build process:

./css/gallerypane.css:  background: url("../$image-icons") 0px -40px no-repeat;
./css/gallerypane.css:  background: url("../$image-icons") 0px -40px no-repeat;
./css/Menu.css:  background-image: url("$image-arrow-sprite");
./css/Menu.css:  background-image: url("$image-form-checkbox-and-radios");
./css/Menu.css:  background-image: url("$image-form-checkbox-and-radios-ie6");
./css/ucs.css:  background: url("../$image-icons") 0px -40px no-repeat;
./css/ucs.css:  background: url("../$image-icons") 0px -40px no-repeat;
./css/ucs.css:  background-image: url("$image-arrow-sprite");
./css/ucs.css:  background-image: url("$image-form-checkbox-and-radios");
./css/ucs.css:  background-image: url("$image-form-checkbox-and-radios-ie6");
Comment 18 Drees Dormann univentionstaff 2014-11-04 10:31:40 CET
reactivated disabled variables declarations in css/variables.styl so variables can be resolved again ( r55327 )
Comment 19 Alexander Kläser univentionstaff 2014-11-05 12:20:10 CET
Looks good so far. I added the bug number to the changelog entry of the generic design adaptation.

One little adjustment, could you please change the option in the build profile file layerOptimize:"closure.keepLines" to "closure". This again saves roughly 1/3rd of the file size (310kb → 220kb).
Comment 20 Drees Dormann univentionstaff 2014-11-05 12:44:15 CET
edited the build_profile: "closure.keepLines" -> "closure"


r55384
Comment 21 Alexander Kläser univentionstaff 2014-11-05 13:05:31 CET
(In reply to Drees Dormann from comment #20)
> edited the build_profile: "closure.keepLines" -> "closure"
> 
> 
> r55384

Looks good! → VERIFIED
Comment 22 Stefan Gohmann univentionstaff 2014-11-26 06:53:53 CET
UCS 4.0-0 has been released:
 http://docs.univention.de/release-notes-4.0-0-en.html
 http://docs.univention.de/release-notes-4.0-0-de.html

If this error occurs again, please use "Clone This Bug".