@dcl-regenesislabs/bevy-explorer-web 0.1.0-18354928058.commit-b951631 → 0.1.0-18377204006.commit-eff27b9

package/assets/ui/profile-detail.dui

@@ -1,24 +0,0 @@
-<define-template id="profile-detail">
-    <div style="flex-direction: row; width: 100%; height: 100%">
-        <div style="flex-direction: column; flex-grow: 0; flex-shrink: 1">
-            <vscroll>
-                <tab-group id="category-tabs" style="justify-content: center; flex-direction: column" tabs="@category-tabs" onchanged="@category-changed" toggle="false" />
-            </vscroll>
-        </div>
-        <div style="flex-grow: 1;">
-            <vscroll>
-                <div id="items" style="flex-direction: column; width: 100%; min-width: 100%; padding: 1vmin">
-                    <hr />
-                </div>
-            </vscroll>
-        </div>
-    </div>
-</define-template>
-
-<define-template id="profile-detail-category">
-    <div style="flex-direction: column; width: 100%">
-        <large-text text="@label" style="color: black" />
-        <text-entry id="entry" style="background-color: #000000aa; flex-grow: 1; min-height: '@min-height'" initial-text="@initial" onchanged="@onchanged" multi-line="@multi-line" />
-        <hr />
-    </div>
-</define-template>

package/assets/ui/profile.dui

@@ -1,29 +0,0 @@
-<define-template id="settings">
-    <div 
-        style="
-            position-type: absolute;
-            flex-direction: column;
-            height: 100%;
-            width: 100%;
-            background-color: #aa1fc1ff;
-            align-items: center;
-        "
-        focus="block"
-    >
-        <div id="title-bar" style="width: 100%; height: auto;" z-index="100">
-            <button label-name="change-realm-button" label="@realm" onclick="@change-realm" />
-            <space />
-            <tab-group id="title-pages" tabs="@title-tabs" onchanged="@title-onchanged" initial="@title-initial" edge-scale="1px 1px -0px 1px" />
-            <space />
-            <div id="wallet">
-                <button id="connect-wallet-button" label="Connect wallet" onclick="@connect-wallet" />
-                <button img="images/redx.png" onclick="@close-settings" image-width="4.4vmin" image-height="4.4vmin" />
-            </div>
-        </div>
-        <hr-thin />
-        <div style="width: 100%; flex-grow: 1;">
-            <div id="settings-content" />
-        </div>
-    </div>
-</define-template>
-

package/assets/ui/spinner.dui

@@ -1,3 +0,0 @@
-<define-template id="spinner-base">
-    <div id="spinner" style="width: 4.7vmin; height: 4.7vmin; margin: 4.7vmin;" />
-</define-template>

package/assets/ui/toast.dui

@@ -1,27 +0,0 @@
-<define-template id="toaster">
-    <div style="position-type: absolute; left: 20%; right: 20%; top: 10%; max-width: 60%" z-index="11048578">
-        <space />
-        <div id="inner" style="flex-direction: column; justify-content: center;" />
-        <space />
-    </div>
-</define-template>
-
-<define-template id="toast">
-    <div>
-        <space />
-        <bounds 
-            style="
-                align-items: center;
-                padding: 0.75vmin 1.5vmin 0.75vmin 1.5vmin;
-            "
-            corner-size="2vmin"
-            blend-size="0.25vmin"
-            border-size="2vmin"
-            border-color="#1C298aff"
-            color="#aa1fc166"
-        >
-            <med-text text="@toast" />
-        </bounds>
-        <space />
-    </div>
-</define-template>

package/assets/ui/tracker.dui

@@ -1,21 +0,0 @@
-<define-template id="tracker">
-    <div style="flex-direction: column; width: 100%;">
-        <div style="flex-direction: row; width: 100%; align-content: space-between:">
-            <med-text id="stats" style="left: 1vmin; margin: 1vmin;" text="Scene Stats" />
-            <space />
-            <!-- <button img="images/redx.png" onclick="@toggle" image-width="3.5vmin" image-height="3.5vmin" /> -->
-        </div>
-        <div id="content" style="flex-direction: column; margin: 0px 2vmin 2vmin 2vmin;" />
-        <button label="Inspect" onclick="@inspect" enabled="@inspect-enabled" />
-    </div>
-</define-template>
-
-<define-template id="tracker-item">
-    <div style="flex-direction: column">
-        <div style="flex-direction: row">
-            <div style="align-content: center; max-width: 70%; width: 70%;"><small-text text="@label" /></div>
-            <div style="align-content: center; max-width: 30%; width: 30%; align-items: flex-end; justify-content: flex-end"><small-text text="@value" /></div>
-        </div>
-        <hr-thin />
-    </div>
-</define-template>

package/assets/ui/update.dui

@@ -1,16 +0,0 @@
-<define-template id="update-available">
-    <dialog title="Update Available" buttons="@buttons">
-        <div style="flex-direction: column; align-items: center; justify-content: center; margin: 4vmin; min-height: 0px;">
-            <vscroll>
-                <div style="flex-direction: column;">
-                    <med-text text="@body" />
-                </div>
-            </vscroll>
-            <hr />
-            <div>
-                <med-link label="Download" color="#8888ff" href="@download" />
-            </div>
-        </div>
-    </dialog>
-</define-template>
-

package/assets/ui/utils.dui

@@ -1,40 +0,0 @@
-<!-- add some space -->
-<define-template id="space">
-    <div style="flex-grow: 1;" />
-</define-template>
-
-<!-- horizontal rule -->
-<define-template id="hr">
-    <div style="width: 100%; height: 2.8vmin; min-height: 2.8vmin; border: 1.1vmin 0vmin 1.1vmin 0vmin;">
-        <div style="width: 100%; height: 100%; background-color: #00000044;" />
-    </div>
-</define-template>
-
-<!-- horizontal rule -->
-<define-template id="hr-thin">
-    <div style="width: 100%; height: 0.6vmin; min-height: 0.6vmin;">
-        <div style="width: 100%; height: 100%; background-color: #00000044;" />
-    </div>
-</define-template>
-
-<!-- horizontal rule -->
-<define-template id="vr">
-    <div style="height: 100%; width: 2.8vmin; min-width: 2.8vmin; border: 0 vmin 1.1vmin 0vmin 1.1vmin;">
-        <div style="width: 100%; height: 100%; background-color: #00000044;" />
-    </div>
-</define-template>
-
-<!-- horizontal rule -->
-<define-template id="vr-thin">
-    <div style="height: 100%; width: 0.6vmin; min-width: 0.6vmin;">
-        <div style="width: 100%; height: 100%; background-color: #00000044;" />
-    </div>
-</define-template>
-
-<!-- base for <link> -->
-<define-template id="link-base">
-    <div style="flex-direction: column">
-        <med-text id="label" text="@label" color="@color" />
-        <div id="line" style="width: 100%; height: 0.1vmin; flex-grow: 1" image="images/line.png" />
-    </div>
-</define-template>

package/assets/ui/wearables.dui

@@ -1,134 +0,0 @@
-<define-template id="wearables">
-    <div style="width: 100%; flex-grow: 1; flex-direction: row;">
-        <div id="background" style="position-type: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; background-color: #cccccc;" image="images/backpack/Background.jpeg" />
-        <div style="position-type: absolute; left: -20%, width: 70%; min-width: 70%; max-width: 70%; height: 100%;">
-            <photobooth booth-instance="@booth-instance" />
-            <!-- <div style="width: 100%; height: 100%; background-color: white; flex-grow: 1;" /> -->
-        </div>
-        <div style="position-type: absolute; width: 70%; left: 30%; height: 100%; flex-grow: 1; flex-direction: column; background-color: #00000066;">
-            <!-- wearables tool bar -->
-            <div id="tools" style="width: 100%;">
-                <div style="align-items: center; flex-direction: column; width: 25%; flex-grow: 1; margin: 1vmin;">
-                    <med-text style="align-self: center;" text="show only collectibles" />
-                    <div style="width: 6.2vmin; height: 2.8vmin;"><toggle ontoggle="@only-collectibles" toggled="@only-collectibles-set" /></div>
-                </div>
-                <div style="align-items: center; flex-direction: column; width: 25%; flex-grow: 1; margin: 1vmin;">
-                    <med-text style="align-self: center;" text="collection" />
-                    <combo-box id="collections" style="align-self: center; height: 3vmin; width: 100%; background-color: #00000055;" empty-text="choose a collection" options="@collections" selected="@initial-collection" allow-null="true" disabled="true" />
-                </div>
-                <space />
-                <div style="align-items: center; flex-direction: column; width: 25%; flex-grow: 1; margin: 1vmin;">
-                    <med-text style="align-self: center;" text="sort by" />
-                    <combo-box style="align-self: center; height: 3vmin; width: 100%; background-color: #00000055;" options="@sort-by" selected="@initial-sort-by" onchanged="@sort-by-changed" allow-null="false" disabled="false" />
-                </div>
-                <div style="align-items: center; flex-direction: column; width: 25%; flex-grow: 1; margin: 1vmin;">
-                    <med-text style="align-self: center;" text="filter" />
-                    <text-entry style="align-self: center; height: 3vmin; width: 100%; background-color: #00000055;" hint-text="(type to filter)" initial-text="@initial-filter" onchanged="@filter-changed" />
-                </div>
-    
-            </div>
-            <hr-thin />
-            <!-- body -->
-            <div style="width: 100%; max-width: 100%; height: 10%; flex-grow: 1; flex-direction: row;">
-                <!-- categories -->
-                <div style="width: 30%; height: 100%; max-width: 30%;">
-                    <vscroll>
-                        <tab-group id="category-tabs" style="justify-content: center; flex-direction: row; flex-wrap: wrap" tabs="@category-tabs" onchanged="@category-changed" initial="@initial-category" toggle="true" />
-                    </vscroll>
-                </div>
-                <!-- content -->
-                <div style="width: 70%; flex-grow: 1;">
-                    <div style="width: 100%; height: 100%; flex-direction: column">
-                        <!-- items -->
-                        <div style="width: 100%; height: 70%">
-                            <vscroll>
-                                <div id="items" style="width: 100%; flex-wrap: wrap;"/>
-                            </vscroll>
-                        </div>
-                        <hr />
-                        <!-- selected -->
-                        <div id="selected-item" style="width: 100%; height: 30%;" /> 
-                    </div>
-                </div>
-            </div>
-            <!-- buttons -->
-            <!-- <div style="width: 100%; background-color: #0000ff44;">
-                <space />
-                <button-set buttons="@buttons" />
-            </div> -->
-        </div>
-    </div>
-</define-template>
-
-<define-template id="wearable-category">
-    <div style="width: 100%; height: 100%; flex-direction: row; border: 1vmin;">
-        <div style="width: 6vmin; height: 6vmin; min-width: 6vmin; min-height: 6vmin; ">
-            <div image="@category-img" />
-        </div>
-        <div style="width: 6vmin; height: 6vmin; min-width: 6vmin; min-height: 6vmin">
-            <nineslice id="button-background" slice-image="images/button.png" slice-border="37.5%" slice-color="#aaaaff" />
-            <div id="item-image" image="@wearable-img" />
-        </div>
-    </div>
-</define-template>
-
-<define-template id="wearable-items">
-    <tab-group style="justify-content: center; flex-direction: row; flex-wrap: wrap" tabs="@tabs" onchanged="@onchanged" initial="@initial" />
-</define-template>
-
-<define-template id="wearable-item">
-    <div style="width: 14vmin; height: 14vmin; min-width: 14vmin; min-height: 14vmin; padding: 0.2vmin; ">
-        <div id="rarity" style="position-type: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%;" image-color="@rarity-color" image="images/backpack/item_bg.png" />
-        <div image="@img" image-color="@img-color" />
-    </div>
-</define-template>
-
-<define-template id="wearable-item-pending">
-    <div style="width: 14vmin; height: 14vmin; min-width: 14vmin; min-height: 14vmin; margin: 0.6vmin;">
-        <div id="background" style="position-type: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%;" image="images/backpack/item_bg.png" />
-        <spinner />
-    </div>
-</define-template>
-
-<define-template id="wearable-selection">
-    <div style="width: 100%; height: 100%; flex-grow: 1;" interact="true" focus="block">
-        <div style="margin: 0.5vmin; position-type: absolute; top: -1vmin; right: 1vmin; left: 1vmin; bottom: 1vmin;"> 
-            <nineslice slice-image="images/button.png" slice-border="37.5%" slice-color="#bbbbbb" />
-            <div style="flex-direction: row; flex-grow: 1; margin: 2vmin; ">
-                <div style="height: 100%; max-width: 10vmin; aspect-ratio: 1;">
-                    <div style="position-type: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%;" image-color="@rarity-color" image="images/backpack/item_bg.png" />
-                    <div image="@selection-image" />
-                </div>
-                <div style="flex-direction: column; height: 100%; flex-grow: 1;">
-                    <vscroll>
-                        <div style="flex-direction: column; flex-grow: 1;">
-                            <div style="flex-direction: column; width: 100%; height: auto; margin: 0vmin 1vmin 1vmin 1vmin; flex-grow: 1;">
-                                <large-text style="color: black; margin: 0vmin 1vmin 1vmin 1vmin;" text="@title" />
-                            </div>
-                            <div style="width: 100%; height: auto; margin: 1vmin; flex-grow: 1;">
-                                <med-text style="color: black; flex-grow: 1; width: 100%; margin: 1vmin;" text="@body" />
-                            </div>
-                            <div style="flex-direction: row; margin: 1vmin; align-items: center;">
-                                <med-text style="color: black;" text=" Hides: " />
-                                <div id="hides" style="flex-direction: row; flex-wrap: wrap;" />
-                            </div>
-                        </div>
-                    </vscroll>
-                </div>
-                <div style="flex-direction: column; align-items: center;">
-                    <button label="@label" onclick="@onclick" enabled="@enabled" />
-                    <div style="display: '@color-picker-display'; flex-direction: column; margin: 2vmin">
-                        <med-text style="color: black;" text="Color" />
-                        <color-picker style="display: '@color-picker-display';" color="@color" onchanged="@color-changed" />
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</define-template>
-
-<define-template id="wearable-hides">
-    <div style="width: 5vmin; aspect-ratio: 1;">
-        <div image="@img" style="background-color: black" />
-    </div>
-</define-template>