list-before: $:/core/ui/ViewTemplate/title
tags: $:/tags/ViewTemplate
title: $:/plugins/Gk0Wk/notionpage-covericon/body

<$list filter="[all[current]!is[system]]">
<$set name="tiddler" value=<<currentTiddler>>>
<$list filter="[<currentTiddler>addprefix[$:/temp/Gk0Wk/notionpage-covericon/Selector/]]" variable="stateTiddler1">
<$list filter="[<currentTiddler>addprefix[$:/temp/Gk0Wk/notionpage-covericon/ChangeCover/]]" variable="stateTiddler2">
<$set name="icon" value={{!!icon}}>
<$set name="cover" value={{!!page-cover}}>
<$list filter="[<icon>match[]]">
<$list filter="[<cover>match[]]">
  <!-- !icon && !cover -->
  <div class="gk0wk-notionpagebg gk0wk-notionpagebg-n">
    <div class="gk0wk-notionbg-addbuttons">
      <$button setTitle=<<tiddler>> setField="icon" setTo={{$:/plugins/Gk0Wk/notionpage-covericon/default-icon}} tooltip="Add Icon">😁 Add Icon</$button>
      <$button setTitle=<<tiddler>> setField="page-cover" setTo={{$:/plugins/Gk0Wk/notionpage-covericon/default-pagecover-url}} tooltip="Add Cover">{{$:/core/images/picture}} Add Cover</$button>
    </div>
  </div>
</$list>
<$list filter="[<cover>!match[]]">
  <!-- !icon && cover -->
  <div class="gk0wk-notionpagebg gk0wk-notionpagebg-c">
    <div class="gk0wk-notionpagebg-image"><$image source=<<cover>> width="100%" height="auto"/></div>
    <$button popup=<<stateTiddler2>> class="gk0wk-notionpageb-changecover" tooltip="Change Cover">Change Cover</$button>
    <$reveal type="popup" state=<<stateTiddler2>> position="belowleft" tag="div" class="tc-popup-keep">
      <div class="gk0wk-notionpageb-changecover-box">
        <div>
          <$edit-text tiddler=<<tiddler>> field="page-cover" default="" placeholder="Tiddler or URL" focus="true"/>
        </div>
      </div>
    </$reveal>
    <div class="gk0wk-notionbg-addbuttons">
      <$button setTitle=<<tiddler>> setField="icon" setTo={{$:/plugins/Gk0Wk/notionpage-covericon/default-icon}} tooltip="Add Icon">😁 Add Icon</$button>
    </div>
  </div>
</$list>
</$list>
<$list filter="[<icon>!match[]]">
<$list filter="[<cover>match[]]">
  <!-- icon && !cover -->
  <div class="gk0wk-notionpagebg gk0wk-notionpagebg-i">
    <$button popup=<<stateTiddler1>> class="gk0wk-notionpagebg-icon1">
      <$list filter="[title<icon>is[shadow]!is[tiddler]]"><$transclude tiddler=<<icon>>/></$list>
      <$list filter="[title<icon>is[tiddler]!is[shadow]]"><$transclude tiddler=<<icon>>/></$list>
      <$list filter="[title<icon>!is[shadow]!is[tiddler]]"><$wikify name="rendered" text=<<icon>> output=html><<rendered>></$wikify></$list>
    </$button>
    <$reveal type="popup" state=<<stateTiddler1>> position="below" tag="div" class="tc-popup-keep">
      {{$:/plugins/Gk0Wk/notionpage-covericon/icon-selector}}
    </$reveal>
    <div class="gk0wk-notionbg-addbuttons">
      <$button setTitle=<<tiddler>> setField="page-cover" setTo={{$:/plugins/Gk0Wk/notionpage-covericon/default-pagecover-url}} tooltip="Add Cover">{{$:/core/images/picture}} Add Cover</$button>
    </div>
  </div>
</$list>
<$list filter="[<cover>!match[]]">
  <!-- icon && cover -->
  <div class="gk0wk-notionpagebg gk0wk-notionpagebg-ci">
    <div class="gk0wk-notionpagebg-image"><$image source=<<cover>> width="100%" height="auto"/></div>
    <$button popup=<<stateTiddler1>> class="gk0wk-notionpagebg-icon2">
      <$list filter="[title<icon>is[shadow]!is[tiddler]]"><$transclude tiddler=<<icon>>/></$list>
      <$list filter="[title<icon>is[tiddler]!is[shadow]]"><$transclude tiddler=<<icon>>/></$list>
      <$list filter="[title<icon>!is[shadow]!is[tiddler]]"><$wikify name="rendered" text=<<icon>> output=html><<rendered>></$wikify></$list>
    </$button>
    <$reveal type="popup" state=<<stateTiddler1>> position="below" tag="div" class="tc-popup-keep">
      {{$:/plugins/Gk0Wk/notionpage-covericon/icon-selector}}
    </$reveal>
    <$button popup=<<stateTiddler2>> class="gk0wk-notionpageb-changecover" tooltip="Change Cover">Change Cover</$button>
    <$reveal type="popup" state=<<stateTiddler2>> position="belowleft" tag="div" class="tc-popup-keep">
      <div class="gk0wk-notionpageb-changecover-box">
        <div>
          <$edit-text tiddler=<<tiddler>> field="page-cover" default="" placeholder="Tiddler or URL" focus="true"/>
        </div>
      </div>
    </$reveal>
  </div>
</$list>
</$list>
</$set>
</$set>
</$list>
</$list>
</$set>
</$list>