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

package/assets/ui/app_settings.dui

@@ -1,91 +0,0 @@
-<define-template id="settings-tab">
-    <div style="position-type: absolute; width: 100%; height: 100%; flex-grow: 1; flex-direction: row;">
-        <div style="flex-direction: column; width: 70%; height: 100%">
-            <vscroll>
-                <div id="settings" style="width: 100%; flex-direction: column; margin: 0px 2vmin 0px 0px;" />
-            </vscroll>
-        </div>
-        <div style="width: 30%; height: 100%; flex-direction: column;">
-            <hr />
-            <large-text text="Setting Info" />
-            <hr-thin />
-            <vscroll>
-                <div style="margin: 1vmin">
-                    <med-text text="Hover a setting to show a description" id="settings-description" style="color: black" />
-                </div>
-            </vscroll>
-        </div>
-    </div>
-</define-template>
-
-<define-template id="enum-setting">
-    <div style="width: 100%; flex-direction: row; align-items: center;" interact="true">
-        <div style="flex-direction: column; align-items: flex-end; width: 50%; margin: 0px 2vmin 0px 0px;">
-            <large-text text="@title" style="color: black" />
-        </div>
-        <div style="width: 50%; flex-direction: row; align-items: center; margin: 1vmin">
-            <div><button img="images/left-arrow.png" onclick="@prev" image-width="5vmin" image-height="5vmin" /></div>
-            <bounds 
-                style="flex-grow: 1; padding: 1vmin; justify-content: center;"
-                corner-size="2vmin"
-                blend-size="0.5vmin"
-                border-size="1vmin"
-                border-color="#7f569e"
-                color="#b2a1bf"
-                focus="block" 
-            >
-                <large-text id="setting-label" text="@label-initial" style="color: #222222;" />
-            </bounds>
-            <div><button img="images/right-arrow.png" onclick="@next" image-width="5vmin" image-height="5vmin" /></div>
-        </div>
-    </div>
-</define-template>
-
-<define-template id="int-setting">
-    <div style="width: 100%; flex-direction: row; align-items: center;" interact="true">
-        <div style="flex-direction: column; align-items: flex-end; width: 50%; margin: 0px 2vmin 0px 0px;">
-            <large-text text="@title" style="color: black" />
-        </div>
-        <div style="width: 50%; flex-direction: row; align-items: center; margin: 1vmin">
-            <div><button img="images/left-arrow.png" onclickrepeat="@prev" image-width="5vmin" image-height="5vmin" /></div>
-            <div style="flex-direction: column; flex-grow: 1; align-items: center;">
-                <med-text text="@label-initial" id="setting-label" />
-                <div style="flex-direction: row; width: 100%;">
-                    <bounds 
-                        id="container"
-                        style="flex-grow: 1; margin: 1vmin; padding: 1vmin; height: 3vmin; justify-content: center; align-items: center;"
-                        corner-size="2vmin"
-                        blend-size="0.5vmin"
-                        border-size="1vmin"
-                        border-color="#7f569e"
-                        color="#b2a1bf"
-                        interact="true"
-                        focus="block" 
-                    >
-
-                        <div id="marker" style="position-type: absolute; max-width: 0px; max-height: 0px; align-items: center; justify-content: center; left: '@initial-offset'">
-                            <bounds id="grip" style="position-type: absolute; width: 4vmin; height: 4vmin;"
-                                corner-size="2vmin"
-                                blend-size="2vmin"
-                                border-size="1vmin"
-                                border-color="#7f569e"
-                                color="#b2a1bf"
-                            >
-                                <bounded style="width: 100%; height: 100%" bound-image="images/grip.png" />
-                            </bounds>
-                        </div>
-                    </bounds>
-                </div>
-            </div>
-            <div><button img="images/right-arrow.png" onclickrepeat="@next" image-width="5vmin" image-height="5vmin" /></div>
-        </div>
-    </div>
-</define-template>
-
-<define-template id="settings-header">
-    <div style="width: 100%; flex-direction: column; margin: 0vmin 1vmin 1vmin 1vmin;">
-        <hr />
-        <large-text text="@label" />
-        <hr-thin />
-    </div>
-</define-template>

package/assets/ui/avatar.dui

@@ -1,18 +0,0 @@
-<define-template id="avatar-nametag">
-    <div>
-        <div style="margin: 5px;">
-            <bounds
-                style="position-type: absolute; width: 100%; height: 100%;"
-                corner-size="1.5vmin"
-                blend-size="0vmin"
-                border-size="0.75vmin"
-                border-color="#eeeeee"
-                color="#446134"
-            >
-            </bounds>
-            <div style="margin: 5px; padding: 3px;">
-                <med-text text="@name" style="text-align: center;" wrap="false"/>
-            </div>
-        </div>
-    </div>
-</define-template>

package/assets/ui/button.dui

@@ -1,78 +0,0 @@
-<!-- don't use directly, use "button" template from button.rs-->
-<define-template id="button-base-text">
-    <div id="button-node" style="
-        flex-direction: column;
-        align-self: stretch;
-        align-items: center;
-        justify-content: center;
-        margin: 0.35vmin 0.7vmin 0.35vmin 0.7vmin;
-    ">
-        <bounds id="button-background" 
-            style="position-type: absolute; width: 100%; height: 100%;"
-            corner-size="1.5vmin"
-            blend-size="0.125vmin"
-            border-size="0.75vmin"
-            border-color="#9c73af"
-            styles="active: #ccccff; inactive: #7f569e; hover: #e2d1ff; disabled: #555555;"
-            sounds="hover: 'generic_button_hover.wav'; press: 'generic_button_press.wav'"
-        />
-        <div style="
-            margin: 1vmin;
-            align-self: stretch;
-            align-items: center;
-            justify-content: center;
-        ">
-            <med-text id="label" text="@label" style="
-                text-align: center;
-                color: black;
-            " />
-        </div>
-    </div>
-</define-template>
-
-<!-- don't use directly, use "button" template from button.rs-->
-<define-template id="button-base-notext">
-    <div id="button-node" style="
-        flex-direction: column;
-        align-self: stretch;
-        align-items: center;
-        justify-content: center;
-        margin: 0.35vmin 0.7vmin 0.35vmin 0.7vmin;
-        padding: 1vmin;
-    ">
-        <bounds id="button-background" 
-            style="position-type: absolute; width: 100%; height: 100%;"
-            corner-size="1.5vmin"
-            blend-size="0.125vmin"
-            border-size="0.75vmin"
-            border-color="#9c73af"
-            styles="active: #ccccff; inactive: #7f569e; hover: #e2d1ff; disabled: #555555;"
-            sounds="hover: 'generic_button_hover.wav'; press: 'generic_button_press.wav'"
-        />
-    </div>
-</define-template>
-
-<!-- don't use directly, use "button" template from button.rs-->
-<define-template id="button-base-image">
-    <div id="button-node" style="
-        flex-direction: column;
-        align-self: stretch;
-        align-items: center;
-        justify-content: center;
-        margin: 0.35vmin 0.7vmin 0.35vmin 0.7vmin;
-        width: '@width'; 
-        height: '@height';
-    ">
-        <bounds id="button-background" 
-            style="position-type: absolute; width: 100%; height: 100%;"
-            corner-size="1.5vmin"
-            blend-size="0.125vmin"
-            border-size="0.75vmin"
-            border-color="#9c73af"
-            bound-image="@img"
-            styles="active: #ccccff; inactive: #7f569e; hover: #e2d1ff; disabled: #555555;"
-            sounds="hover: 'generic_button_hover.wav'; press: 'generic_button_press.wav'"
-        >
-        </bounds>
-    </div>
-</define-template>

package/assets/ui/change-realm.dui

@@ -1,46 +0,0 @@
-<define-template id="change-realm">
-    <dialog title="Select a new realm" buttons="@buttons">
-        <div style="flex-direction: column">
-            <div>
-                <large-text style="color: black;" text="Current realm: " />
-                <large-text style="color: black;" id="current-realm" text="@realm" />
-            </div>
-        </div>
-        <hr />
-        <div style="flex-direction: column; width: 100%">
-            <bounds 
-                style="flex-grow: 1; justify-content: center; width: 95%;"
-                corner-size="2vmin"
-                blend-size="0.5vmin"
-                border-size="1vmin"
-                border-color="#00000000"
-                color="#00000000"
-            >
-                <med-text text="Realm" style="margin: 1.4vmin; color: black; width: 33%" />
-                <med-text text="Users Online" style="margin: 1.4vmin; color: black; width: 33%" />
-                <div style="width: 33%;" />
-            </bounds>
-        </div>
-        <hr />
-        <vscroll>
-            <div id="server-list" style="flex-direction: column; width: 95%">
-                <div style="align-items: center; justify-content: center;"><spinner /></div>
-            </div>
-        </vscroll>
-    </dialog>
-</define-template>
-
-<define-template id="server-item">
-    <bounds 
-        style="flex-grow: 1; justify-content: center;"
-        corner-size="2vmin"
-        blend-size="0.5vmin"
-        border-size="1vmin"
-        border-color="#7f569e"
-        color="#b2a1bf"
-    >
-        <med-text text="@name" style="margin: 1.4vmin; color: black; width: 33%" />
-        <med-text text="@users" style="margin: 1.4vmin; color: black; width: 33%" />
-        <div style="width: 33%; justify-content: flex-end;"><button label="warp in" onclick="@onclick" enabled="@enabled" /></div>
-    </bounds>
-</define-template>

package/assets/ui/chat.dui

@@ -1,182 +0,0 @@
-<define-template id="chat-history">
-    <div style="flex-grow: 1; min-height: 0px; width: 45vmin; min-width: 30vmin; justify-content: flex-end; flex-direction: column;">
-        <space />
-        <div id="chat-content" style="min-width: 100%; min-height: 0px; justify-content: flex-end; flex-direction: column; overflow-y: hidden;">
-        </div>
-    </div>
-</define-template>
-
-<define-template id="chat">
-    <bounds 
-        style="display: none; width: 90vmin; min-width: 75vmin; flex-direction: column; margin: auto 0px 0px 0px;" 
-        focus="block" 
-        interact="true"
-        corner-size="2vmin"
-        blend-size="0.25vmin"
-        border-size="1vmin"
-        border-color="#1C298aff"
-        color="#aa1fc166"
-    >
-        <div style="position-type: absolute; right: 0vmin; top: 0vmin;">
-            <button img="images/FriendsIcon.png" tooltip="Toggle Friends" onclick="@friends" image-width="3.3vmin" image-height="3.3vmin" />
-            <button img="images/redx.png" tooltip="Hide Chat Panel" onclick="@close" image-width="3.3vmin" image-height="3.3vmin" />
-        </div>
-        <div style="flex-direction: row; max-height: 100%;">
-            <div style="flex-direction: column; flex-grow: 1; max-width: 44.4vmin; padding: 1vmin 0px 1vmin 1vmin; justify-content: flex-end;">
-                <div>
-                    <tab-group id="tabs" style="justify-content: flex-start; width: 100%; flex-wrap: wrap-reverse;" tabs="@chat-tabs" onchanged="@tab-changed" initial="@initial-tab" edge-scale="1px 1px -0px 1px"/>
-                </div>
-                <div style="max-height: 31vmin; flex-direction: column;">
-                    <div style="border: 0.2vmin; min-height: 0px;">
-                        <vscroll id="chat-output" interact="true" start-position="end">
-                            <div id="chat-output-inner" interact="true" style="flex-direction: column; justify-content: flex-end; width: 100%;" />
-                        </vscroll>
-                    </div>
-                    <div style="width: 100%; padding: 0px 1vmin 0px 0px;">
-                        <text-entry id="chat-entry" style="max-width: 100%; flex-grow: 1; background-color: #000000aa;" accept-line="true" retain-focus="true" />
-                    </div>
-                </div>
-            </div>
-            <div id="friends-panel" style="flex-direction: column; min-width: 44.4vmin; max-width: 44.4vmin; background-color: #00000000;">
-                <vr-thin />
-                <div style="position-type: absolute; top: 0vmin; bottom: 0vmin; left: 1vmin; right: 1vmin;">
-                    <div style="flex-direction: column; min-width: 100%;">
-                        <scroll>
-                            <div style="flex-direction: column; min-width: 100%;">
-                                <div style="background-color: #00000000; padding: 1vmin; justify-content: center;">
-                                    <med-text text="Friends" style="color: white; " />
-                                </div>
-                                <div id="friends" style="flex-direction: column">
-                                </div>
-                                <div style="background-color: #00000000; padding: 1vmin; justify-content: center;">
-                                    <med-text text="Pending Invites" style="color: white; " />
-                                </div>
-                                <div id="received-friends" style="flex-direction: column">
-                                </div>
-                                <div style="background-color: #00000000; padding: 1vmin; justify-content: center;">
-                                    <med-text text="Sent Invites" style="color: white; " />
-                                </div>
-                                <div id="sent-friends" style="flex-direction: column">
-                                </div>
-                            </div>
-                        </scroll>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </bounds>
-</define-template>
-
-<define-template id="friend">
-    <bounds 
-        style="flex-grow: 1; min-width: 100%; justify-content: center; align-items: center; padding: 0px 0px 0px 1vmin;"
-        corner-size="2vmin"
-        blend-size="0.5vmin"
-        border-size="1vmin"
-        border-color="#7f569e"
-        color="#b2a1bf"
-    >
-        <med-text id="name" text="@name" style="color: black;" />
-        <space />
-        <button img="images/chat_button.png" tooltip="Open Chat" onclick="@chat" image-width="3.3vmin" image-height="3.3vmin"/>
-        <button img="images/person_button.png" tooltip="View Profile" onclick="@profile" image-width="3.3vmin" image-height="3.3vmin"/>
-    </bounds>
-</define-template>
-
-<define-template id="received-pending-friend">
-    <bounds 
-        style="flex-grow: 1; justify-content: center; align-items: center; padding: 0px 0px 0px 1vmin;"
-        corner-size="2vmin"
-        blend-size="0.5vmin"
-        border-size="1vmin"
-        border-color="#7f569e"
-        color="#b2a1bf"
-    >
-        <med-text id="name" text="@name" />
-        <space />
-        <button img="images/person_button.png" tooltip="View Profile" onclick="@profile" image-width="3.3vmin" image-height="3.3vmin"/>
-        <button img="images/tick.png" tooltip="Accept Request" onclick="@accept" image-width="3.3vmin" image-height="3.3vmin"/>
-        <button img="images/redx.png" tooltip="Reject Request" onclick="@reject" image-width="3.3vmin" image-height="3.3vmin"/>
-    </bounds>
-</define-template>
-
-<define-template id="sent-pending-friend">
-    <bounds 
-        style="flex-grow: 1; justify-content: center; align-items: center; padding: 0px 0px 0px 1vmin;"
-        corner-size="2vmin"
-        blend-size="0.5vmin"
-        border-size="1vmin"
-        border-color="#7f569e"
-        color="#b2a1bf"
-    >
-        <med-text id="name" text="@name" />
-        <space />
-        <button img="images/person_button.png" tooltip="View Profile" onclick="@profile" image-width="3.3vmin" image-height="3.3vmin"/>
-        <button img="images/redx.png" tooltip="Cancel Request" onclick="@cancel" image-width="3.3vmin" image-height="3.3vmin" />
-    </bounds>
-</define-template>
-
-<define-template id="direct-chat-button">
-    <div style="flex-direction: row; align-items: center;">
-        <smallish-text id="name" text="@name" style="text-align: center; color: black;"/>
-        <button img="images/redx.png" tooltip="Close Chat" onclick="@close" image-width="3.3vmin" image-height="3.3vmin" />
-    </div>
-</define-template>
-
-<define-template id="chat-container-me">
-        <bounds 
-            style="margin: 0px 2vmin 0px 5vmin;"
-            corner-size="2vmin"
-            blend-size="0.25vmin"
-            border-size="0.5vmin"
-            border-color="#7f569e"
-            color="@color"
-        >
-            <div id="content" style="flex-grow: 1; align-self: center; flex-direction: column;" />
-            <div style="flex-direction: column; align-items: flex-end;">
-                <space />
-                <div id="image" style="width: 5vmin; height: 5vmin; margin: 1vmin;" image="images/unknown_person.png" />
-            </div>
-        </bounds>
-</define-template>
-
-<define-template id="chat-container-other">
-        <bounds 
-            style="margin: 0px 7vmin 0px 0vmin;"
-            corner-size="2vmin"
-            blend-size="0.25vmin"
-            border-size="0.5vmin"
-            border-color="#7f569e"
-            color="@color"
-        >
-            <div style="flex-direction: column; align-items: flex-end;">
-                <space />
-                <div id="image" style="width: 5vmin; height: 5vmin; margin: 1vmin;" image="images/unknown_person.png" interact="true" focus="block" />
-            </div>
-            <div id="content" style="flex-grow: 1; align-self: center; flex-direction: column;" />
-        </bounds>
-</define-template>
-
-<define-template id="chat-content-me">
-    <div style="align-items: center;">
-        <div style="min-width: 4.7vmin; position-type: absolute; left: -4vmin;">
-            <button img="images/copy.png" tooltip="Copy Message" onclick="@copy" image-width="3.3vmin" image-height="3.3vmin" />
-        </div>
-        <space />
-        <div style="min-height: 3.3vmin; align-items: center;">
-            <small-text text="@text" style="color: black; text-align: right; flex-grow: 1;" />
-        </div>
-    </div>
-</define-template>
- 
-<define-template id="chat-content-other">
-    <div style="align-items: center;">
-        <div style="min-height: 3.3vmin; align-items: center;">
-            <small-text text="@text" style="color: black; flex-grow: 1" />
-        </div>
-        <space />
-        <div style="min-width: 4.7vmin; position-type: absolute; right: -4vmin;">
-            <button img="images/copy.png" tooltip="Copy Message" onclick="@copy" image-width="3.3vmin" image-height="3.3vmin" />
-        </div>
-    </div>
-</define-template>

package/assets/ui/combo.dui

@@ -1,23 +0,0 @@
-<define-template id="combo-root">
-    <div style="width: 100%; min-width: 100%; border: 1px; border-color: #88888888;">
-        <div id="selection" style="flex-grow: 1;">
-            <div id="text" text="@selection" />
-            <space />
-            <div>
-                <bounds style="height: 80%; width: auto; aspect-ratio: 1.0; top: 10%; right: 10%" bound-image="images/left-arrow.png" />
-            </div>
-        </div>
-    </div>
-</define-template>
-
-<define-template id="combo-popup">
-    <div style="position-type: absolute; top: '@top'; left: '@left'; height: '@height'; border: 1px; border-color: #88888888; background-color: '@background'" z-index="11048577">
-        <div style="flex-direction: column; min-width: 100%; width: 100%; height: 100%">
-            <vscroll id="popup-scroll">
-                <div id="contents" style="width: 100%; min-width: 100%; flex-grow: 1; flex-direction: column; margin: 0px 2vmin 0px 0px;">
-                    <div style="width: 100%; flex-grow: 1; min-width: 100%" />
-                </div>
-            </vscroll>
-        </div>
-    </div>
-</define-template>

package/assets/ui/dialog.dui

@@ -1,46 +0,0 @@
-<!-- dialog
-- @title: String
-- @buttons: Vec<Button>
--->
-<define-template id="dialog">
-    <fullscreen-block>
-        <bounds 
-            style="
-                flex-direction: column;
-                overflow-x: hidden;
-                overflow-y: hidden;
-                align-items: center;
-                padding: 4vmin;
-                max-width: 80%;
-                max-height: 80%;
-            "
-            corner-size="4vmin"
-            blend-size="0.25vmin"
-            border-size="2vmin"
-            border-color="#1C298aff"
-            color="#aa1fc166"
-        >
-            <div style="flex-direction: column; align-items: center; min-height: 0px; flex-grow: 1;">
-                <large-text style="margin: 2vmin; text-align: center; color: white;" text="@title" />
-                <hr />
-                <apply-children />
-                <hr />
-            </div>
-            <div style="width: 100%;">
-                <space />
-                <button-set id="button-set" buttons="@buttons" />
-            </div>
-        </bounds>
-    </fullscreen-block>
-</define-template>
-
-<!-- text dialog
-- @title: String
-- @body: String
-- @buttons: Vec<Button>
--->
-<define-template id="text-dialog">
-    <dialog title="@title" buttons="@buttons">
-        <med-text text="@body" />
-    </dialog>
-</define-template>