search

JaimeChizavane / magento-w2p

Automatically exported from code.google.com/p/magento-w2p
0 stars 0 forks source link

Palettes - UI #826

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago 
Templates may contain palettes with collections of colors to apply to different 
shapes and texts at the same time.
A single palette may apply to multiple fields at the same time to simplify the 
interface. 

1. A field cannot have a color picker and a palette at the same time.

2. A palette should be displayed as a square container consisting of square 
blocks with the actual colors. The selection is made by clicking on a color.

3. Use only FILL property at the moment. We'll implement outlines later.

4. A palette may have no colors and @AnyColor=1, which means it is a color 
picker. 
4.1. If a palette applies to one field only it should be shown as part of that 
field.
4.2. If a palette applies to multiple fields it should be displayed separately.

5. If an image field has no other variable part other than the palette and it's 
not the only field in the palette it should not be displayed as an image field 
at all. Users will choose the color in the palette.

Original issue reported on code.google.com by ad...@zetaprints.com on 20 Oct 2013 at 6:45

GoogleCodeExporter commented 8 years ago

Original comment by ad...@zetaprints.com on 20 Oct 2013 at 6:46

Attachments:

GoogleCodeExporter commented 8 years ago 
In the example above we have 2 colors that apply to two groups of elements, 
some are static, some are variable.

e.g. Pink text and motifs would be both variable and have a palette. 
- Text (as text)
- Motif (stock images, vectors)
None of them would have color selection as part of the field.
A palette with their color should be displayed separately with names of both 
fields together. Take the names from FIELD and IMAGE xml elements for 
consistency.

The blue text will consist of multiple text boxes that can change color, but 
through a palette, so none of them would have a color picker on its own. There 
should be another block for a palette with that color selection to apply to 
both fields at the same time.

Original comment by ad...@zetaprints.com on 20 Oct 2013 at 6:52

GoogleCodeExporter commented 8 years ago 
    <Images>
        <Image Name="C" Width="0" Height="0" Page="1" Palette="977758d3-9a6b-456a-97b6-5d769a24a489" AllowUpload="0" AllowUrl="0">
            <StockImage FileID="88B544B7-B354-42D7-BBA6-0E2E6A45C060" MIME="application/postscript" Thumb="fec4f09c-eba1-4377-b8e5-89015e00e6fe.jpg" Description="" ThumbW="572" ThumbH="600"/>
            <StockImage FileID="697A3973-B8B5-4F8E-8FDF-66CC6C0C5D52" MIME="application/postscript" Thumb="2120efa4-22cc-47ed-82b1-c1cc81711358.jpg" Description="" ThumbW="584" ThumbH="600"/>
            <StockImage FileID="5F5C4FA9-0E4A-4B55-981F-E89CD4AC209F" MIME="application/postscript" Thumb="c176df3b-5833-4242-9313-e59afd968d77.jpg" Description="" ThumbW="532" ThumbH="600"/>
            <StockImage FileID="BA5F2B38-2424-4495-9C7F-F96D1EE8654E" MIME="application/postscript" Thumb="5af75360-57c9-40e4-bdb0-bff6f123faf4.jpg" Description="" ThumbW="584" ThumbH="600"/>
            <StockImage FileID="6EF3EB39-1C37-442A-8DFC-1CB49DB0D749" MIME="application/postscript" Thumb="d0daaba8-e0d0-4f57-9fbe-359b4ed55e11.jpg" Description="" ThumbW="600" ThumbH="544"/>
        </Image>
        <Image Name="E" Width="0" Height="0" Page="1" Palette="977758d3-9a6b-456a-97b6-5d769a24a489" AllowUpload="0" AllowUrl="0"/>
        <Image Name="Boom" Width="0" Height="0" Page="1" Palette="6cdba62a-a2b3-4fa6-8030-98dd9b45f650" AllowUpload="0" AllowUrl="0"/>
        <Image Name="Border" Width="0" Height="0" Page="1" Palette="6cdba62a-a2b3-4fa6-8030-98dd9b45f650" AllowUpload="0" AllowUrl="0"/>
    </Images>
    <Fields>
        <Field FieldName="T" Page="1" Hint="" Palette="977758d3-9a6b-456a-97b6-5d769a24a489" Story="Text 1"/>
        <Field FieldName="Boom" Page="1" Hint="" Palette="6cdba62a-a2b3-4fa6-8030-98dd9b45f650" Story="Text"/>
    </Fields>
    <Fonts/>
    <Palettes>
        <Palette ID="977758d3-9a6b-456a-97b6-5d769a24a489" Names="T;C;E" AnyColor="1"/>
        <Palette ID="6cdba62a-a2b3-4fa6-8030-98dd9b45f650" Names="Boom;Border">
            <Color ID="68e1743d-ff50-4764-8557-20c29042764d" FillRGB="#9A0825" OutlineRGB="#F55B6B"/>
            <Color ID="b898a4ed-14b0-4574-8460-06d15cc91f97" FillRGB="#6CB5E2" OutlineRGB="#FFEC00"/>
            <Color ID="9600dedb-b929-4b46-9e28-7b2fafdc5326" FillRGB="#4D491F" OutlineRGB="#000000"/>
            <Color ID="bc4ffbcb-eb39-450a-957c-168d25820af4" FillRGB="#1475CF" OutlineRGB="#000000"/>
            <Color ID="f991d0c5-24b3-4711-a360-a40819a94b4c" FillRGB="#F85557" OutlineRGB="#2A8391"/>
            <Color ID="f4e89a73-6800-4841-bade-6ae5747a83f9" FillRGB="#555859" OutlineRGB="#F55B6B"/>
            <Color ID="62e49045-763b-480d-9ddc-1fa740890cf0" FillRGB="#FB7F90" OutlineRGB="#FFEC00"/>
            <Color ID="91ce6eb4-819b-47de-853b-aad9b55a0440" FillRGB="#55BACE" OutlineRGB="#000000"/>
            <Color ID="b0c21dae-c16a-40f6-bc83-b5c4ace5878e" FillRGB="#C4AB99" OutlineRGB="#000000"/>
            <Color ID="af389fdf-8d6a-4122-87be-279023833d66" FillRGB="#BBA5A7" OutlineRGB="#2A8391"/>
            <Color ID="771da78e-57a0-4ff6-afb6-687ba38a504d" FillRGB="#F1ECC0" OutlineRGB="#F55B6B"/>
            <Color ID="c69adcbe-8495-4afd-99fe-9f1b4dfbf654" FillRGB="#9CCCC5" OutlineRGB="#FFEC00"/>
            <Color ID="3354b335-0177-402c-a881-ea4b8fa3dba2" FillRGB="#A590B1" OutlineRGB="#000000"/>
            <Color ID="737adf9c-74ae-4d36-836d-cda5d18cf8a8" FillRGB="#98BAA6" OutlineRGB="#000000"/>
            <Color ID="33acd855-d5e7-407d-bc39-86ddca89209b" FillRGB="#C35B02" OutlineRGB="#2A8391"/>
        </Palette>
    </Palettes>

Original comment by ad...@zetaprints.com on 20 Oct 2013 at 7:10

GoogleCodeExporter commented 8 years ago 
A palette can be combined with stock images. It cannot be combined with user 
uploads or a color picker.

We do not know how the data will be submitted to the server. This issue is for 
the presentation part of it only.

Original comment by ad...@zetaprints.com on 20 Oct 2013 at 7:12

GoogleCodeExporter commented 8 years ago 
10. Do not show image fields with no tabs. 

11. Use field names from the fields, not from @Names attribute in the palette. 
Every field has a reference to a palette, so it shouldn't be hard to get their 
names.

12. Colors for: [list of fields]

13. Use a horizontal scroll for a list of colors and make it one block high. 
The vertical space is in short supply.

14. When a palette with a color picker is open for the first time the color 
picker dialog should be displayed automatically.

Original comment by ad...@zetaprints.com on 22 Oct 2013 at 9:17

GoogleCodeExporter commented 8 years ago 
Uploaded to dev

Original comment by Anatoly....@gmail.com on 22 Oct 2013 at 4:24

GoogleCodeExporter commented 8 years ago

Original comment by Anatoly....@gmail.com on 22 Oct 2013 at 4:24

GoogleCodeExporter commented 8 years ago 
Add col-f param for image fields with the RGB value as we do for text fields.

Original comment by ad...@zetaprints.com on 26 Oct 2013 at 4:06

GoogleCodeExporter commented 8 years ago 
@8 Done. Uploaded to mageimage on d1

Original comment by Anatoly....@gmail.com on 28 Oct 2013 at 12:18

GoogleCodeExporter commented 8 years ago

Original comment by Anatoly....@gmail.com on 28 Oct 2013 at 12:19

GoogleCodeExporter commented 8 years ago

Original comment by Anatoly....@gmail.com on 7 Nov 2013 at 12:02