Replaced Moment with Carbon #84
8 changed files with 124 additions and 11191 deletions
|
@ -49,15 +49,6 @@ code {
|
|||
padding: 3px;
|
||||
}
|
||||
|
||||
svg[role="icon"] {
|
||||
transition: all 0.3s linear;
|
||||
fill: var(--secondary);
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
padding-top: 5px;
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
/* HEADER
|
||||
Navigation
|
||||
Notificiations
|
||||
|
@ -125,22 +116,6 @@ header > nav > div.nav-right div.submenu button {
|
|||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
button[data-render="true"] {
|
||||
background: var(--primary);
|
||||
}
|
||||
|
||||
button[data-render="true"] svg {
|
||||
fill: var(--primary-highlight);
|
||||
}
|
||||
|
||||
button[data-render="false"] svg {
|
||||
fill: var(--secondary);
|
||||
}
|
||||
|
||||
button[data-enabled="false"] svg {
|
||||
fill: var(--primary);
|
||||
}
|
||||
|
||||
/* RESPONSIVE */
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
|
|
File diff suppressed because it is too large
Load diff
|
@ -92,6 +92,8 @@ main
|
|||
> button.media-remove {
|
||||
color: var(--white);
|
||||
margin: 5px;
|
||||
padding: 10px 15px 7px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
main
|
||||
|
|
|
@ -820,4 +820,57 @@
|
|||
<path d="M11.603 9.833L9.357 8.785C9.161 8.694 9 8.796 9 9.013v1.974c0 .217.161.319.357.228l2.245-1.048c.197-.092.197-.242.001-.334zM10 .4C4.698.4.4 4.698.4 10s4.298 9.6 9.6 9.6 9.6-4.298 9.6-9.6S15.302.4 10 .4zm0 13.5c-4.914 0-5-.443-5-3.9s.086-3.9 5-3.9 5 .443 5 3.9-.086 3.9-5 3.9z"></path>
|
||||
</symbol><symbol viewBox='0 0 20 20' id='entypo-youtube'>
|
||||
<path d="M10 2.3C.172 2.3 0 3.174 0 10s.172 7.7 10 7.7 10-.874 10-7.7-.172-7.7-10-7.7zm3.205 8.034l-4.49 2.096c-.393.182-.715-.022-.715-.456V8.026c0-.433.322-.638.715-.456l4.49 2.096c.393.184.393.484 0 .668z"></path>
|
||||
</symbol><symbol viewBox='0 0 22 22' id='tabler-clipboard-check' fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><path d="M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M9 14l2 2l4 -4" /></symbol></svg>
|
||||
</symbol>
|
||||
<symbol viewBox='0 0 22 22' id='tabler-bold' fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6z" />
|
||||
<path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" />
|
||||
</symbol>
|
||||
<symbol viewBox='0 0 22 22' id='tabler-italic' fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M11 5l6 0" />
|
||||
<path d="M7 19l6 0" />
|
||||
<path d="M14 5l-4 14" />
|
||||
</symbol>
|
||||
<symbol viewBox='0 0 22 22' id='tabler-strikethrough' fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M5 12l14 0" />
|
||||
<path d="M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1 -4 -1.5" />
|
||||
</symbol>
|
||||
<symbol viewBox='0 0 22 22' id='tabler-heading-1' fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M19 18v-8l-2 2" />
|
||||
<path d="M4 6v12" />
|
||||
<path d="M12 6v12" />
|
||||
<path d="M11 18h2" />
|
||||
<path d="M3 18h2" />
|
||||
<path d="M4 12h8" />
|
||||
<path d="M3 6h2" />
|
||||
<path d="M11 6h2" />
|
||||
</symbol>
|
||||
<symbol viewBox='0 0 22 22' id='tabler-heading-2' fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M17 12a2 2 0 1 1 4 0c0 .591 -.417 1.318 -.816 1.858l-3.184 4.143l4 0" />
|
||||
<path d="M4 6v12" />
|
||||
<path d="M12 6v12" />
|
||||
<path d="M11 18h2" />
|
||||
<path d="M3 18h2" />
|
||||
<path d="M4 12h8" />
|
||||
<path d="M3 6h2" />
|
||||
<path d="M11 6h2" />
|
||||
</symbol>
|
||||
|
||||
<symbol viewBox='0 0 22 22' id='tabler-heading-3' fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M19 14a2 2 0 1 0 -2 -2" />
|
||||
<path d="M17 16a2 2 0 1 0 2 -2" />
|
||||
<path d="M4 6v12" />
|
||||
<path d="M12 6v12" />
|
||||
<path d="M11 18h2" />
|
||||
<path d="M3 18h2" />
|
||||
<path d="M4 12h8" />
|
||||
<path d="M3 6h2" />
|
||||
<path d="M11 6h2" />
|
||||
</symbol>
|
||||
|
||||
|
||||
</svg>
|
||||
|
|
Before Width: | Height: | Size: 202 KiB After Width: | Height: | Size: 204 KiB |
|
@ -85,10 +85,11 @@ export default class FileManager {
|
|||
return function (f) {
|
||||
//create remove button object
|
||||
var remove = document.createElement('button');
|
||||
var removeIcon = document.createElement('i');
|
||||
removeIcon.classList.add('ti', 'ti-x');
|
||||
//var removeIcon = document.createElement('i');
|
||||
//removeIcon.classList.add('ti', 'ti-x');
|
||||
remove.innerHTML = 'X';
|
||||
remove.className = 'media-remove';
|
||||
remove.appendChild(removeIcon);
|
||||
//remove.appendChild(removeIcon);
|
||||
//remove.setAttribute('id', mediaCount);
|
||||
remove.addEventListener(
|
||||
'click',
|
||||
|
|
|
@ -55,13 +55,13 @@
|
|||
<source src="{{ $item['file'] }}"/>
|
||||
</video>
|
||||
<button id="{{ $loop->index }}" class="media-remove">
|
||||
<i class="ti ti-x"></i>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
@else
|
||||
<div id="{{ $loop->index }}" class="img-item" data-id="{{ $item['file'] }}" style="background: url({{ $item['file'] }}) no-repeat center center / cover">
|
||||
<button id="{{ $loop->index }}" class="media-remove">
|
||||
<i class="ti ti-x"></i>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
@ -74,9 +74,7 @@
|
|||
</div>
|
||||
@else
|
||||
<div id="0" class="img-item" data-id="{{ $media[0]['file'] }}" style="background: url({{ $media[0]['file'] }}) no-repeat center center / cover">
|
||||
<button id="0" class="media-remove">
|
||||
<i class="ti ti-x"></i>
|
||||
</button>
|
||||
<button id="0" class="media-remove">X</button>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
@ -95,14 +93,14 @@
|
|||
<source src="{{ $item['file'] }}"/>
|
||||
</audio>
|
||||
<button id="{{ $loop->index }}" class="media-remove">
|
||||
<i class="ti ti-x"></i>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
@else
|
||||
<div id="{{ $loop->index }}" class="file-item" data-id="{{ $item['file'] }}">
|
||||
<a href="{{ $item['file'] }}" target="_blank">{{ $fileName[6] }}"</a>
|
||||
<button id="{{ $loop->index }}" class="media-remove">
|
||||
<i class="ti ti-x"></i>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
@ -118,14 +116,14 @@
|
|||
<source src="{{ $files[0]['file'] }}"/>
|
||||
</audio>
|
||||
<button id="{{ $loop->index }}" class="media-remove">
|
||||
<i class="ti ti-x"></i>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
@else
|
||||
<div id="0" class="file-item" data-id="{{ $files[0]['file'] }}">
|
||||
<a href="{{ $item['file'] }}" target="_blank">{{ $fileName[6] }}"</a>
|
||||
<button id="{{ $loop->index }}" class="media-remove">
|
||||
<i class="ti ti-x"></i>
|
||||
X
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
|
|
@ -1,38 +1,60 @@
|
|||
<div role="text-editor-control">
|
||||
<button id="edit-bold" class="content-editor-btn-text editor-button" title="bold">
|
||||
<i id="edit-bold" class="ti ti-bold"></i>
|
||||
<svg id="edit-bold" role="icon">
|
||||
<use id="edit-bold" xlink:href="/assets/images/global/sprite.svg#tabler-bold"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-italic" class="content-editor-btn-text editor-button" title="italic">
|
||||
<i id="edit-italic" class="ti ti-italic"></i>
|
||||
<svg id="edit-italic" role="icon">
|
||||
<use id="edit-italic" xlink:href="/assets/images/global/sprite.svg#tabler-italic"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-strikethrough" class="content-editor-btn-text editor-button" title="strikethrough">
|
||||
<i id="edit-strikethrough" class="ti ti-strikethrough"></i>
|
||||
<svg id="edit-strikethrough" role="icon">
|
||||
<use id="edit-strikethrough" xlink:href="/assets/images/global/sprite.svg#tabler-strikethrough"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-link" class="content-editor-btn-icon editor-button" title="insert link">
|
||||
<i id="edit-link" class="ti ti-link"></i>
|
||||
<svg id="edit-link" role="icon">
|
||||
<use id="edit-link" xlink:href="/assets/images/global/sprite.svg#entypo-link"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-header1" class="content-editor-btn-text editor-button" title="header 1">
|
||||
<i id="edit-header1" class="ti ti-h-1"></i>
|
||||
<svg id="edit-header1" role="icon">
|
||||
<use id="edit-header1" xlink:href="/assets/images/global/sprite.svg#tabler-heading-1"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-header2" class="content-editor-btn-text editor-button" title="header 2">
|
||||
<i id="edit-header2" class="ti ti-h-2"></i>
|
||||
<svg id="edit-header2" role="icon">
|
||||
<use id="edit-header2" xlink:href="/assets/images/global/sprite.svg#tabler-heading-2"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-header3" class="content-editor-btn-text editor-button" title="header 3">
|
||||
<i id="edit-header3" class="ti ti-h-3"></i>
|
||||
<svg id="edit-header3" role="icon">
|
||||
<use id="edit-header3" xlink:href="/assets/images/global/sprite.svg#tabler-heading-3"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-image" class="content-editor-btn-icon editor-button" title="insert image">
|
||||
<i id="edit-image" class="ti ti-photo"></i>
|
||||
<svg id="edit-image" role="icon">
|
||||
<use id="edit-image" xlink:href="/assets/images/global/sprite.svg#entypo-image"/>
|
||||
</svg>
|
||||
</button>
|
||||
@if($mode == "edit")
|
||||
<button id="edit-update" class="post-sumbit-btn submit-start editor-button" data-action='blog-update' data-id="{{ $page['uuid'] }} type='submit' title=" bold">
|
||||
<i id="edit-update" class="ti ti-device-floppy"></i>
|
||||
<svg id="edit-update" role="icon">
|
||||
<use id="edit-update" xlink:href="/assets/images/global/sprite.svg#entypo-save"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button id="edit-delete" class="content-editor-btn-icon editor-button submit-delete" for="post-delete" title='delete post'>
|
||||
<i id="edit-delete" class="ti ti-x"></i>
|
||||
<svg id="edit-delete" role="icon">
|
||||
<use id="edit-delete" xlink:href="/assets/images/global/sprite.svg#entypo-cross"/>
|
||||
</svg>
|
||||
</button>
|
||||
@else
|
||||
<button id="edit-save" class="post-sumbit-btn submit-start editor-button" data-action='blog-add' type='submit'>
|
||||
<i id="edit-save" class="ti ti-file-plus"></i>
|
||||
<svg id="edit-save" role="icon">
|
||||
<use id="edit-save" xlink:href="/assets/images/global/sprite.svg#entypo-plus"/>
|
||||
</svg>
|
||||
</button>
|
||||
@endif
|
||||
</div>
|
||||
|
|
|
@ -1,7 +1,14 @@
|
|||
<div class="notify-message">
|
||||
<div class="notify-icons">
|
||||
<i class="ti ti-mood-smile notify-good"></i>
|
||||
<i class="ti ti-mood-sad notify-notgood"></i>
|
||||
<svg id="nav-menu-icon" role="icon" class="notify-good">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-emoji-happy"/>
|
||||
</svg>
|
||||
<svg id="nav-menu-icon" role="icon" class="notify-notgood">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-emoji-sad"/>
|
||||
</svg>
|
||||
<svg id="nav-menu-icon" role="icon" class="notify-working">
|
||||
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-hour-glass"/>
|
||||
</svg>
|
||||
<i class="ti ti-settings notify-working"></i>
|
||||
</div>
|
||||
<div class="notify-text">
|
||||
|
|
Loading…
Add table
Reference in a new issue