@nixweb/nixloc-ui 0.0.124 → 0.0.127

package/docs/src/component/template/ViewTemplateReportPreview.drawio

@@ -0,0 +1,210 @@
+<mxfile host="65bd71144e">
+    <diagram id="82UZT3qeIvG22-4x18Pj" name="Page-1">
+        <mxGraphModel dx="1138" dy="863" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="1200" pageHeight="1920" background="#ffffff" math="0" shadow="0">
+            <root>
+                <mxCell id="0"/>
+                <mxCell id="1" parent="0"/>
+                <mxCell id="34" value="" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontSize=14;fontColor=#000000;strokeColor=#000000;" parent="1" source="2" target="30" edge="1">
+                    <mxGeometry relative="1" as="geometry">
+                        <Array as="points"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="38" value="actions:addReport" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=14;fontColor=#000000;labelBackgroundColor=#FFFFFF;" parent="34" vertex="1" connectable="0">
+                    <mxGeometry x="-0.0375" relative="1" as="geometry">
+                        <mxPoint x="178" y="-79" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="70" value="getters:oDataFilter" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=16;fontFamily=Helvetica;fontColor=#0000FF;labelBackgroundColor=#FFFFFF;" parent="34" vertex="1" connectable="0">
+                    <mxGeometry x="-0.589" relative="1" as="geometry">
+                        <mxPoint x="202" y="-82" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="2" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;ViewTemplateReportPreview&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="174" y="179" width="224" height="85" as="geometry"/>
+                </mxCell>
+                <mxCell id="26" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontSize=14;fontColor=#FFFFFF;strokeColor=#000000;" parent="1" source="4" target="24" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="4" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;InitialReport&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="40.25" y="-150" width="159.5" height="61" as="geometry"/>
+                </mxCell>
+                <mxCell id="12" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontSize=14;fontColor=#FFFFFF;strokeColor=#000000;" parent="1" source="2" target="10" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="15" value="&lt;span style=&quot;background-color: rgb(255 , 255 , 255)&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;props:panel.module&lt;/font&gt;&lt;/span&gt;" style="edgeStyle=none;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;fontSize=14;fontColor=#FFFFFF;strokeColor=#000000;" parent="1" target="13" edge="1">
+                    <mxGeometry x="0.2693" relative="1" as="geometry">
+                        <mxPoint x="399" y="222" as="sourcePoint"/>
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="18" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontSize=14;fontColor=#FFFFFF;strokeColor=#000000;" parent="1" source="2" target="16" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="21" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontSize=14;fontColor=#FFFFFF;strokeColor=#000000;" parent="1" source="2" target="19" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="10" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;ProgressBar&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="544" y="397" width="128" height="59" as="geometry"/>
+                </mxCell>
+                <mxCell id="76" value="" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontSize=16;fontColor=#000000;strokeColor=#000000;" parent="1" source="13" target="74" edge="1">
+                    <mxGeometry x="0.1862" y="-33" relative="1" as="geometry">
+                        <mxPoint y="1" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="77" value="actions:postApi" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=14;fontColor=#000000;labelBackgroundColor=#FFFFFF;" parent="76" vertex="1" connectable="0">
+                    <mxGeometry x="-0.3009" y="-3" relative="1" as="geometry">
+                        <mxPoint x="25" y="-26" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="13" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;ReportCreateUpdate&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="478" y="-58" width="176" height="72" as="geometry"/>
+                </mxCell>
+                <mxCell id="35" style="html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.7;entryDx=0;entryDy=0;labelBackgroundColor=#FFFFFF;fontSize=14;fontColor=#000000;strokeColor=#000000;shadow=0;sketch=0;" parent="1" source="16" target="30" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="36" value="getters:fields" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=14;fontColor=#000000;labelBackgroundColor=#FFFFFF;" parent="35" vertex="1" connectable="0">
+                    <mxGeometry x="0.1009" y="-2" relative="1" as="geometry">
+                        <mxPoint x="30" y="-20" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <object label="mutations:updateSelectedFields" placeholders="1" id="39">
+                    <mxCell style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=14;fontColor=#000000;labelBackgroundColor=#FFFFFF;" parent="35" vertex="1" connectable="0">
+                        <mxGeometry x="-0.1898" y="-1" relative="1" as="geometry">
+                            <mxPoint x="-11" y="22" as="offset"/>
+                        </mxGeometry>
+                    </mxCell>
+                </object>
+                <mxCell id="16" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;Fields&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="542" y="222" width="128" height="59" as="geometry"/>
+                </mxCell>
+                <mxCell id="42" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;fontFamily=Helvetica;fontSize=12;fontColor=#ffffff;strokeColor=#000000;" parent="1" source="19" target="40" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="19" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;Rules&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="542" y="305" width="128" height="59" as="geometry"/>
+                </mxCell>
+                <mxCell id="27" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontSize=14;fontColor=#FFFFFF;strokeColor=#000000;" parent="1" source="24" target="2" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="24" value="&lt;p style=&quot;margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline&quot;&gt;&lt;/p&gt;&lt;span data-lucid-type=&quot;application/vnd.lucid.text&quot; data-lucid-content=&quot;{&amp;#34;t&amp;#34;:&amp;#34;&amp;lt;&amp;lt;methods&amp;gt;&amp;gt; obterTodos()&amp;#34;,&amp;#34;m&amp;#34;:[{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:12},{&amp;#34;s&amp;#34;:12,&amp;#34;n&amp;#34;:&amp;#34;s&amp;#34;,&amp;#34;v&amp;#34;:20.22222222222222,&amp;#34;e&amp;#34;:24},{&amp;#34;s&amp;#34;:12,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Regular&amp;#34;,&amp;#34;e&amp;#34;:24},{&amp;#34;s&amp;#34;:12,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:2,&amp;#34;e&amp;#34;:24}]}&quot; style=&quot;font-size: 13px&quot;&gt;&lt;div style=&quot;text-align: center&quot;&gt;&lt;span style=&quot;font-weight: bold&quot;&gt;&amp;lt;&amp;lt;props&amp;gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;hr&gt;&lt;p style=&quot;text-align: center ; margin: 0px 0px 0px 8px ; font-size: 13px&quot;&gt;:panel=&quot;panel&quot;&lt;/p&gt;&lt;p style=&quot;text-align: center ; margin: 0px 0px 0px 8px ; font-size: 13px&quot;&gt;templateList=&quot;templateList&quot;&lt;/p&gt;&lt;p style=&quot;text-align: center ; margin: 0px 0px 0px 8px ; font-size: 13px&quot;&gt;templateReport=&quot;templateReport&quot;&lt;/p&gt;&lt;p style=&quot;text-align: center ; margin: 0px 0px 0px 8px ; font-size: 13px&quot;&gt;&lt;br&gt;&lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica;html=1;fillColor=#f5f5f5;fontColor=#333333;strokeColor=#666666;" parent="1" vertex="1">
+                    <mxGeometry x="12.75" y="-3" width="214.5" height="91.75" as="geometry"/>
+                </mxCell>
+                <mxCell id="29" style="edgeStyle=none;html=1;exitX=0.474;exitY=0.994;exitDx=0;exitDy=0;fontSize=14;fontColor=#FFFFFF;strokeColor=#000000;exitPerimeter=0;" parent="1" source="28" target="4" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="28" value="&lt;p style=&quot;margin: 0px ; margin-top: 4px ; text-align: center ; text-decoration: underline&quot;&gt;&lt;/p&gt;&lt;span data-lucid-type=&quot;application/vnd.lucid.text&quot; data-lucid-content=&quot;{&amp;#34;t&amp;#34;:&amp;#34;&amp;lt;&amp;lt;methods&amp;gt;&amp;gt; obterTodos()&amp;#34;,&amp;#34;m&amp;#34;:[{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:12},{&amp;#34;s&amp;#34;:12,&amp;#34;n&amp;#34;:&amp;#34;s&amp;#34;,&amp;#34;v&amp;#34;:20.22222222222222,&amp;#34;e&amp;#34;:24},{&amp;#34;s&amp;#34;:12,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Regular&amp;#34;,&amp;#34;e&amp;#34;:24},{&amp;#34;s&amp;#34;:12,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:2,&amp;#34;e&amp;#34;:24}]}&quot; style=&quot;font-size: 13px&quot;&gt;&lt;div style=&quot;text-align: center&quot;&gt;&lt;span style=&quot;font-weight: bold&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;&amp;lt;&amp;lt;data&amp;gt;&amp;gt;&lt;/font&gt;&lt;/span&gt;&lt;/div&gt;&lt;/span&gt;&lt;hr&gt;&lt;p style=&quot;margin: 0px 0px 0px 8px ; font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot; color=&quot;#000000&quot;&gt;panel{},&lt;/font&gt;&lt;/p&gt;&lt;p style=&quot;margin: 0px 0px 0px 8px ; font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot; color=&quot;#000000&quot;&gt;templatList{},&lt;/font&gt;&lt;/p&gt;&lt;p style=&quot;margin: 0px 0px 0px 8px ; font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot; color=&quot;#000000&quot;&gt;templateReport{fields[], rules[]}&lt;/font&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center ; margin: 0px 0px 0px 8px ; font-size: 13px&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center ; margin: 0px 0px 0px 8px ; font-size: 13px&quot;&gt;&lt;br&gt;&lt;/p&gt;" style="verticalAlign=top;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1">
+                    <mxGeometry x="21" y="-329" width="209" height="109.62" as="geometry"/>
+                </mxCell>
+                <mxCell id="55" value="state:selectedRules" style="edgeStyle=none;html=1;exitX=1;exitY=0.7;exitDx=0;exitDy=0;entryX=0.47;entryY=0.02;entryDx=0;entryDy=0;entryPerimeter=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=14;fontColor=#000000;strokeColor=#000000;" parent="1" source="30" target="53" edge="1">
+                    <mxGeometry x="-0.4024" relative="1" as="geometry">
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="61" value="mutations: mountFinalQueryFormatOData" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=16;fontFamily=Helvetica;fontColor=#0000FF;labelBackgroundColor=#FFFFFF;" parent="55" vertex="1" connectable="0">
+                    <mxGeometry x="0.4049" y="1" relative="1" as="geometry">
+                        <mxPoint x="31" y="12" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="43" value="&lt;font style=&quot;font-size: 14px ; background-color: rgb(255 , 255 , 255)&quot; color=&quot;#000000&quot;&gt;state:report { rules [ ]&amp;nbsp; }&lt;/font&gt;" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fontFamily=Helvetica;fontSize=12;fontColor=#ffffff;strokeColor=#000000;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="30" target="40" edge="1">
+                    <mxGeometry x="-0.3053" y="2" relative="1" as="geometry">
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="49" value="props:rules [ ]" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=14;fontColor=#000000;strokeColor=#000000;" parent="1" source="40" target="44" edge="1">
+                    <mxGeometry x="0.1075" y="-2" relative="1" as="geometry">
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="51" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=14;fontColor=#000000;strokeColor=#000000;" parent="1" source="40" target="50" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="40" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;QueryBuilder&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="802" y="305" width="146" height="63" as="geometry"/>
+                </mxCell>
+                <mxCell id="44" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;SelectRules&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="1090" y="451" width="146" height="63" as="geometry"/>
+                </mxCell>
+                <mxCell id="52" value="mutations:addSelectedRules" style="edgeStyle=none;html=1;exitX=0.25;exitY=0;exitDx=0;exitDy=0;entryX=0.85;entryY=0.95;entryDx=0;entryDy=0;entryPerimeter=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=14;fontColor=#000000;strokeColor=#000000;" parent="1" source="50" target="30" edge="1">
+                    <mxGeometry x="-0.2495" y="-1" relative="1" as="geometry">
+                        <mxPoint as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="54" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=14;fontColor=#000000;strokeColor=#000000;" parent="1" source="50" target="53" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="50" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;AddRule&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="1090" y="303" width="146" height="63" as="geometry"/>
+                </mxCell>
+                <mxCell id="57" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=14;fontColor=#000000;strokeColor=#000000;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="53" target="56" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="58" value="props:rule [ ]" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=14;fontFamily=Helvetica;fontColor=#000000;labelBackgroundColor=#FFFFFF;" parent="57" vertex="1" connectable="0">
+                    <mxGeometry x="-0.1429" relative="1" as="geometry">
+                        <mxPoint y="1" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="53" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;DynamicComponentList&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="1338" y="297.5" width="198" height="74" as="geometry"/>
+                </mxCell>
+                <mxCell id="66" style="edgeStyle=none;shape=connector;rounded=1;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=16;fontColor=#0000FF;endArrow=classic;strokeColor=#000000;" parent="1" source="56" target="62" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="67" style="edgeStyle=none;shape=connector;rounded=1;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=16;fontColor=#0000FF;endArrow=classic;strokeColor=#000000;" parent="1" source="56" target="63" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="68" style="edgeStyle=none;shape=connector;rounded=1;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=16;fontColor=#0000FF;endArrow=classic;strokeColor=#000000;" parent="1" source="56" target="64" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="69" style="edgeStyle=none;shape=connector;rounded=1;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.006;entryY=0.626;entryDx=0;entryDy=0;entryPerimeter=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=16;fontColor=#0000FF;endArrow=classic;strokeColor=#000000;" parent="1" source="56" target="65" edge="1">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="56" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;DynamicComponent&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="1660" y="393.5" width="164" height="57.5" as="geometry"/>
+                </mxCell>
+                <mxCell id="62" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;RadioGroup&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="1993" y="193" width="164" height="57.5" as="geometry"/>
+                </mxCell>
+                <mxCell id="63" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;CheckBoxGroup&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="1995" y="283" width="164" height="57.5" as="geometry"/>
+                </mxCell>
+                <mxCell id="64" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;DateTime&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="1995" y="390" width="164" height="57.5" as="geometry"/>
+                </mxCell>
+                <mxCell id="65" value="&lt;font&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;/font&gt;&lt;/font&gt;&lt;font face=&quot;consolas, courier new, monospace&quot;&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;Select&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;font-size: 14px&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="1995" y="503.5" width="164" height="57.5" as="geometry"/>
+                </mxCell>
+                <mxCell id="72" value="" style="group" parent="1" vertex="1" connectable="0">
+                    <mxGeometry x="893" y="-51" width="132" height="152" as="geometry"/>
+                </mxCell>
+                <mxCell id="30" value="" style="shape=datastore;whiteSpace=wrap;html=1;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;labelBackgroundColor=none;fontSize=14;fontColor=#333333;fillColor=#f5f5f5;strokeColor=#666666;" parent="72" vertex="1">
+                    <mxGeometry width="132" height="152" as="geometry"/>
+                </mxCell>
+                <mxCell id="71" value="&lt;font color=&quot;#000000&quot; style=&quot;font-size: 16px&quot;&gt;Store:report.js&lt;/font&gt;" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="72" vertex="1">
+                    <mxGeometry x="14" y="75" width="110" height="19" as="geometry"/>
+                </mxCell>
+                <mxCell id="73" value="" style="group" parent="1" vertex="1" connectable="0">
+                    <mxGeometry x="793" y="-271" width="132" height="152" as="geometry"/>
+                </mxCell>
+                <mxCell id="74" value="" style="shape=datastore;whiteSpace=wrap;html=1;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;labelBackgroundColor=none;fontSize=14;fontColor=#333333;fillColor=#f5f5f5;strokeColor=#666666;" parent="73" vertex="1">
+                    <mxGeometry width="132" height="152" as="geometry"/>
+                </mxCell>
+                <mxCell id="75" value="&lt;font color=&quot;#000000&quot; style=&quot;font-size: 16px&quot;&gt;Store:generic.js&lt;/font&gt;" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="73" vertex="1">
+                    <mxGeometry x="9" y="75" width="121" height="19" as="geometry"/>
+                </mxCell>
+                <mxCell id="80" style="edgeStyle=none;html=1;exitX=1;exitY=0.474;exitDx=0;exitDy=0;labelBackgroundColor=#FFFFFF;fontFamily=Helvetica;fontSize=14;fontColor=#000000;strokeColor=#000000;exitPerimeter=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="75" target="78" edge="1">
+                    <mxGeometry relative="1" as="geometry">
+                        <mxPoint x="962" y="-236" as="targetPoint"/>
+                    </mxGeometry>
+                </mxCell>
+                <mxCell id="78" value="&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&lt;font style=&quot;font-size: 14px&quot;&gt;&amp;lt;&lt;span style=&quot;font-family: &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace&quot;&gt;ViewTemplateReportList&lt;/span&gt;&lt;/font&gt;&lt;/font&gt;/&amp;gt;&lt;/font&gt;" style="html=1;dropTarget=0;fillColor=#008a00;fontColor=#ffffff;strokeColor=none;rounded=1;" parent="1" vertex="1">
+                    <mxGeometry x="1143" y="-231" width="224" height="85" as="geometry"/>
+                </mxCell>
+                <mxCell id="81" value="&lt;font color=&quot;#0000cc&quot; style=&quot;font-size: 16px&quot;&gt;actions:addIInitialReportCustom&lt;/font&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];fontSize=14;fontColor=#000000;labelBackgroundColor=#FFFFFF;" vertex="1" connectable="0" parent="1">
+                    <mxGeometry x="870.9978490341846" y="42.87588417127821" as="geometry">
+                        <mxPoint x="-283" y="105" as="offset"/>
+                    </mxGeometry>
+                </mxCell>
+            </root>
+        </mxGraphModel>
+    </diagram>
+</mxfile>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.124",
+  "version": "0.0.127",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,
@@ -22,6 +22,7 @@
     "vue-color": "^2.7.0",
     "vue-currency-filter": "^3.3.0",
     "vue-html2pdf": "^1.8.0",
+    "vue-image-crop-upload": "^3.0.3",
     "vue-js-toggle-button": "^1.3.0",
     "vue-json-excel": "^0.3.0",
     "vue-loading-template": "^1.3.0",
@@ -37,6 +38,7 @@
     "vue-upload-file": "^1.1.0",
     "vue2-datepicker": "^2.13.0",
     "vue2-editor": "^2.6.6",
+    "vuedraggable": "^2.24.3",
     "vuejs-ace-editor": "^1.0.1",
     "vuex": "^3.6.2",
     "vuex-persistedstate": "^4.0.0"

package/src/component/forms/Button.vue

@@ -17,10 +17,10 @@
       :disabled="disabled"
       @click="execute()"
     >
-      <i class="title" :class="classIcon" v-if="!isLoading(this.key) && classIcon"></i>
-      <span v-if="!isLoading(this.key)">{{ title }}</span>
+      <i class="title" :class="classIcon" v-if="!isLoading(this._key) && classIcon"></i>
+      <span v-if="!isLoading(this._key)">{{ title }}</span>
       <vue-loading
-        v-if="isLoading(this.key)"
+        v-if="isLoading(this._key)"
         type="bubbles"
         color="#fff"
         :size="{ width: '26px', height: '26px' }"
@@ -35,7 +35,7 @@ import { mapGetters, mapMutations } from "vuex";
 export default {
   name: "Button",
   props: {
-    key: String,
+    _key: String,
     title: String,
     type: String,
     size: String,
@@ -43,6 +43,7 @@ export default {
     eventData: Object,
     classIcon: String,
     disabled: Boolean,
+    params: Object,
     clicked: Function,
   },
   computed: {
@@ -56,8 +57,8 @@ export default {
           name: this.eventName,
           data: this.eventData,
         });
-      this.addLoading(this.key);
-      if (this.clicked) this.clicked();
+      this.addLoading(this._key);
+      if (this.clicked) this.clicked(this.params);
     },
   },
 };

package/src/component/forms/CheckboxGroup.vue

@@ -39,7 +39,7 @@ export default {
     };
   },
   mounted() {
-    this.selected = this.initialValue;
+    if (this.initialValue) this.selected = this.initialValue;
   },
   methods: {
     ...mapMutations("validation", ["updateFormDirty"]),
@@ -54,9 +54,12 @@ export default {
     },
   },
   watch: {
-    selected() {
-      this.$emit("input", this.selected);
-      if (this.changed) this.changed(this.params);
+    selected: {
+      handler(value) {
+        this.$emit("input", value);
+        if (this.changed) this.changed(this.params);
+      },
+      deep: true,
     },
   },
 };

package/src/component/forms/CheckboxSimple.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <b-form-checkbox v-model="value" :value="true" :unchecked-value="false">
+    <b-form-checkbox v-model="valueLocal" :value="true" :unchecked-value="false">
       {{ title }}
       <Tip :field="field" :formName="formName" />
     </b-form-checkbox>
@@ -9,6 +9,9 @@
 
 <script>
 import Tip from "../shared/Tip.vue";
+
+import { mapMutations } from "vuex";
+
 export default {
   components: { Tip },
   name: "CheckboxSimple",
@@ -18,9 +21,21 @@ export default {
     field: String,
     value: Boolean,
   },
+  data() {
+    return {
+      valueLocal: false,
+    };
+  },
+  methods: {
+    ...mapMutations("validation", ["updateFormDirty"]),
+  },
   watch: {
     value() {
-      this.$emit("input", this.value);
+      this.valueLocal = this.value;
+    },
+    valueLocal() {
+      this.$emit("input", this.valueLocal);
+      this.updateFormDirty(true);
     },
   },
 };

package/src/component/forms/DateTime.vue

@@ -13,9 +13,9 @@
       <date-picker
         lang="pt-br"
         :range="range"
-        @confirm="confirma"
-        @change="confirma"
-        @clear="fechar"
+        @confirm="executeConfirm"
+        @change="executeConfirm"
+        @clear="close"
         :confirm="confirm"
         :confirm-text="confirmText"
         :format="format"
@@ -29,7 +29,7 @@
         width="100%"
         :placeholder="placeholder"
         :type="type"
-        v-model="valor"
+        v-model="valueLocal"
         :class="{ 'is-invalid': notifications.length > 0 && formDirty }"
       ></date-picker>
     </div>
@@ -66,30 +66,16 @@ export default {
     "confirm",
     "confirmText",
   ],
-  /* props: {
-    title: String,
-    field: String,
-    fieldTarget: String,
-    placeholder: String,
-    formName: String,
-    required: Boolean,
-    format: String,
-    type: String,
-    value: String,
-    range: Boolean,
-    confirm: Boolean,
-    confirmText: String,
-  },*/
   data() {
     return {
       notifications: [],
       formDirty: false,
-      valor: "",
+      valueLocal: "",
     };
   },
   created() {
     this.validate();
-    this.valor = this.value;
+    this.valueLocal = this.value;
   },
   methods: {
     ...mapMutations("validation", [
@@ -101,24 +87,24 @@ export default {
     validate() {
       this.notifications = [];
 
-      if (this.required && this.valor.length == 0) {
+      if (this.required && this.valueLocal.length == 0) {
         var message = `${this.title} não pode ser vazio!`;
         this.notifications.push(message);
       }
     },
-    confirma() {
+    executeConfirm() {
       if (this.range) {
         let obj = {
           fieldTarget: this.fieldTarget,
-          valor: { inicio: this.valor[0], fim: this.valor[1] },
+          valueLocal: { start: this.valueLocal[0], end: this.valueLocal[1] },
         };
         this.addFilter(obj);
       }
     },
-    fechar() {
+    close() {
       let obj = {
         fieldTarget: this.fieldTarget,
-        valor: { inicio: "", fim: "" },
+        valueLocal: { start: "", end: "" },
       };
       this.addFilter(obj);
     },
@@ -127,14 +113,14 @@ export default {
     ...mapState("validation", ["resetForm", "validations"]),
   },
   watch: {
-    valor() {
+    valueLocal() {
       this.validate();
       this.formDirty = true;
       this.updateFormDirty(true);
-      this.$emit("input", this.valor);
+      this.$emit("input", this.valueLocal);
     },
     value() {
-      this.valor = this.value;
+      this.valueLocal = this.value;
     },
     notifications() {
       let self = this;
@@ -157,7 +143,7 @@ export default {
     },
     resetForm: {
       handler(form) {
-        if (form.nome == this.formName) this.formDirty = false;
+        if (form.name == this.formName) this.formDirty = false;
       },
       deep: true,
     },

package/src/component/forms/EditorHtml.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="div-main">
     <label>
       <span class="title">{{ title }}</span>
       <span class="required" v-if="required">*</span>
@@ -46,9 +46,6 @@ export default {
       textoEditor: "",
       customToolbar: [
         ["bold", "italic", "underline"],
-        [{ list: "ordered" }, { list: "bullet" }],
-        [{ align: "" }, { align: "center" }, { align: "right" }, { align: "justify" }],
-        [{ header: [false] }],
       ],
     };
   },
@@ -56,7 +53,7 @@ export default {
     this.validate();
   },
   methods: {
-    ...mapMutations("validation", ["addValidation", "removeValidation"]),
+    ...mapMutations("validation", ["addValidation", "removeValidation", "updateFormDirty"]),
     validate() {
       this.notifications = [];
 
@@ -81,6 +78,7 @@ export default {
       this.validate();
       this.formDirty = true;
       this.$emit("input", this.value);
+      this.updateFormDirty(true);
     },
     notifications() {
       let self = this;
@@ -112,6 +110,11 @@ export default {
 </script>
 
 <style scoped>
+.div-main {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
 .success {
   color: #94aa2a;
   font-size: 14px;

package/src/component/forms/FileUpload.vue

@@ -17,7 +17,7 @@
           type="file"
           name="myfile"
           ref="file"
-          :accept="accepted"
+          :accept="allowed"
           v-on:change="upload()"
         />
       </div>
@@ -26,7 +26,7 @@
           <i class="fas fa-cloud-download-alt"></i> Baixar
         </button>
         <button class="button small danger" v-if="!loadingAdd" @click="remove()">
-          <span v-if="!loadingRemove"></span>
+          <span v-if="!loadingRemove">Remover</span>
           <vue-loading
             v-if="loadingRemove"
             type="bubbles"
@@ -35,27 +35,19 @@
           ></vue-loading>
         </button>
       </div>
-      <div class="div-alert">
-        <Alert type="info" v-if="value">
-          <span>{{ message }}</span>
-        </Alert>
-      </div>
     </div>
   </div>
 </template>
 
 <script>
-import Alert from "../layout/Alert.vue";
-
 import { mapActions } from "vuex";
 
 export default {
   name: "FileUpload",
-  components: { Alert },
   props: {
     title: String,
-    name: String,
     container: String,
+    allowed: String,
     accepted: String,
     message: String,
     urlPost: String,
@@ -186,4 +178,8 @@ export default {
 .div-alert {
   margin-top: 15px;
 }
+
+.div-image {
+  margin-bottom: 10px;
+}
 </style>