Difference between revisions of "User:Eave/Sandbox2"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>Eave
m (ocd border options)
>Eave
(choosing left aligned and grey bg + border)
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<includeonly><!--
 
<includeonly><!--
−
--><div class="weapon-notable" style="flex:1 1 480px;padding:1em">
+
--><div class="weapon-notable grid-entry"
 +
    data-weapon="{{{Type|}}}"
 +
    data-element="{{{ElementalType|}}}"
 +
    data-rarity="{{{Rarity|}}}"
 +
    data-availability="{{{Availability|}}}"
 +
    style="
 +
    box-sizing:border-box;
 +
    display:flex;
 +
    flex-direction:column;
 +
    flex:1 1 450px;
 +
    padding:1em;">
 
   <div class="notable-header" style="
 
   <div class="notable-header" style="
−
      {{#if:{{{Center|}}} | text-align:center;}}
 
 
       background-color:rgb(77, 144, 94);
 
       background-color:rgb(77, 144, 94);
 
       border:1px solid rgb(51, 102, 66);
 
       border:1px solid rgb(51, 102, 66);
Line 16: Line 25:
 
       border-top:none;
 
       border-top:none;
 
       display:grid;
 
       display:grid;
 +
      flex-grow:1;
 
       grid-template-areas: 'sidebar main';
 
       grid-template-areas: 'sidebar main';
 
       grid-template-columns: 100px auto">
 
       grid-template-columns: 100px auto">
 
     <div class="notable-sidebar" style="
 
     <div class="notable-sidebar" style="
−
         {{#if:{{{NoBorder|}}} | | border-right:1px solid #ccc;}}
+
         border-right:1px solid #ccc;
−
         {{#if:{{{BG|}}} | background:rgba(0,0,0,0.05);}}
+
         background:rgba(0,0,0,0.05);
 
         display:flex;
 
         display:flex;
 
         flex-direction:column;
 
         flex-direction:column;
Line 96: Line 106:
 
==WIP==
 
==WIP==
 
Main todos: better styling for HP/Str.
 
Main todos: better styling for HP/Str.
−
===Left aligned, responsive layout===
 
−
<div style="display:flex;flex-wrap:wrap;margin:-1em">
 
−
{{#invoke:CargoQuery|main
 
−
  |q?tables=Weapons
 
−
  |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity,
 
−
            MaxHp,MaxAtk,SkillName,Abilities11,Abilities21
 
−
  |q?where=Type="Bow" AND ElementalType="Wind" AND Rarity=5
 
−
  |q?groupBy=_pageName
 
−
  |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName
 
−
  |template=User:Eave/Sandbox2
 
−
}}
 
−
</div>
 
  
−
===Center-aligned (full row width) ===
+
{{WeaponListFilter}}
−
<div style="display:grid;grid-gap:1em">
+
 
−
{{#invoke:CargoQuery|main
+
<div style="display:flex;flex-wrap:wrap;margin:1em -1em -1em">
−
  |q?tables=Weapons
 
−
  |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity,
 
−
            MaxHp,MaxAtk,SkillName,Abilities11,Abilities21,
 
−
            CONCAT('1')=Center
 
−
  |q?where=Type="Sword" AND ElementalType="Shadow" AND Rarity=3
 
−
  |q?groupBy=_pageName
 
−
  |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName
 
−
  |template=User:Eave/Sandbox2
 
−
}}
 
−
</div>
 
−
===Center-aligned, Responsive layout===
 
−
<div style="display:flex;flex-wrap:wrap;margin:-1em">
 
−
{{#invoke:CargoQuery|main
 
−
  |q?tables=Weapons
 
−
  |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity,
 
−
            MaxHp,MaxAtk,SkillName,Abilities11,Abilities21,
 
−
            CONCAT('1')=Center
 
−
  |q?where=Type="Wand" AND ElementalType="Flame" AND Rarity=3
 
−
  |q?groupBy=_pageName
 
−
  |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName
 
−
  |template=User:Eave/Sandbox2
 
−
}}
 
−
</div>
 
−
===Other border options for the extremely detail oriented===
 
−
<div style="display:flex;flex-wrap:wrap;margin:-1em">
 
−
{{#invoke:CargoQuery|main
 
−
  |q?tables=Weapons
 
−
  |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity,
 
−
            MaxHp,MaxAtk,SkillName,Abilities11,Abilities21
 
−
  |q?where=WeaponName="Ocean's Embrace"
 
−
  |q?groupBy=_pageName
 
−
  |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName
 
−
  |template=User:Eave/Sandbox2
 
−
}}
 
−
{{#invoke:CargoQuery|main
 
−
  |q?tables=Weapons
 
−
  |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity,
 
−
            MaxHp,MaxAtk,SkillName,Abilities11,Abilities21,
 
−
            CONCAT('1')=NoBorder
 
−
  |q?where=WeaponName="Ocean's Embrace"
 
−
  |q?groupBy=_pageName
 
−
  |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName
 
−
  |template=User:Eave/Sandbox2
 
−
}}
 
−
{{#invoke:CargoQuery|main
 
−
  |q?tables=Weapons
 
−
  |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity,
 
−
            MaxHp,MaxAtk,SkillName,Abilities11,Abilities21,
 
−
            CONCAT('1')=NoBorder,CONCAT('1')=BG
 
−
  |q?where=WeaponName="Ocean's Embrace"
 
−
  |q?groupBy=_pageName
 
−
  |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName
 
−
  |template=User:Eave/Sandbox2
 
−
}}
 
 
{{#invoke:CargoQuery|main
 
{{#invoke:CargoQuery|main
 
   |q?tables=Weapons
 
   |q?tables=Weapons
 
   |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity,
 
   |q?fields=_pageName=pageName,WeaponName,BaseId,VariationId,FormId,Type,ElementalType,Rarity,
−
             MaxHp,MaxAtk,SkillName,Abilities11,Abilities21,
+
             MaxHp,MaxAtk,SkillName,Abilities11,Abilities21,Availability
−
            CONCAT('1')=BG
+
   |q?where=WeaponName!="Zethia\'s Staff" AND ReleaseDate <= NOW()
−
   |q?where=WeaponName="Ocean's Embrace"
 
 
   |q?groupBy=_pageName
 
   |q?groupBy=_pageName
 
   |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName
 
   |q?orderBy=AvailabilityId, Rarity DESC, ElementalTypeId, TypeId, Id DESC, WeaponName
 +
  |q?limit=99
 
   |template=User:Eave/Sandbox2
 
   |template=User:Eave/Sandbox2
 
}}
 
}}
−
</div>
+
<!-- For last row spacing purposes only -->
 +
<div class="weapon-notable" style="flex:1 1 450px;"></div>
 +
<div class="weapon-notable" style="flex:1 1 450px;"></div>
 
</noinclude>
 
</noinclude>

Latest revision as of 19:57, 18 April 2020

WIP

Main todos: better styling for HP/Str.

Lua error: Error: Table Weapons not found..

Retrieved from "https://dlwiki.cherrymint.live/index.php?title=User:Eave/Sandbox2&oldid=365197"