update

2025-08-13 15:49:10 +02:00
parent ad458de818
commit 8823159a30
9 changed files with 253 additions and 26 deletions
--- a/assets/static/appico/App_Dropbox.svg
+++ b/assets/static/appico/App_Dropbox.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<svg version="1.1" width="64" height="64" color-interpolation="linearRGB"
+     xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <path style="fill:#000000; fill-opacity:0.396"
+        d="M32 62H40L44 64L61 43L55.8 40.4L60 38L52 37L32 62z"
+  />
+  <path style="fill:none; stroke:#000000; stroke-width:4; stroke-linejoin:round"
+        d="M10 39V49L32 60L50 42V36"
+  />
+  <linearGradient id="gradient0" gradientUnits="userSpaceOnUse" x1="46.07" y1="78.24" x2="23.93" y2="73.15">
+   <stop offset="0" stop-color="#82aac8"/>
+   <stop offset="1" stop-color="#40407c"/>
+  </linearGradient>
+  <path style="fill:url(#gradient0)"
+        d="M32 38L50 20V42L32 60V38z"
+  />
+  <path style="fill:#3d3d5d"
+        d="M32 38H42L32 48V38z"
+  />
+  <linearGradient id="gradient1" gradientUnits="userSpaceOnUse" x1="44.47" y1="70.75" x2="29.89" y2="79.36">
+   <stop offset="0" stop-color="#5a6e82"/>
+   <stop offset="1" stop-color="#9be2ff"/>
+  </linearGradient>
+  <path style="fill:url(#gradient1)"
+        d="M11.89 36.01L14 46L32 55V60L10 49V35.99L11.89 36.01z"
+  />
+  <linearGradient id="gradient2" gradientUnits="userSpaceOnUse" x1="54.08" y1="49.54" x2="50.66" y2="59.95">
+   <stop offset="0" stop-color="#5a6e82"/>
+   <stop offset="1" stop-color="#3a7d99"/>
+  </linearGradient>
+  <path style="fill:url(#gradient2)"
+        d="M32 38V55L14 46L11.89 36.01L32 38z"
+  />
+  <path style="fill:none; stroke:#000000; stroke-width:4; stroke-linejoin:round"
+        d="M24 46L2 35L10 27H2L24 14H30L37 6L54 12L50 23L62 26L44 44L32 38L24 46z"
+  />
+  <linearGradient id="gradient3" gradientUnits="userSpaceOnUse" x1="44.25" y1="2.48" x2="55.01" y2="17.28">
+   <stop offset="0" stop-color="#40407c"/>
+   <stop offset="0.9962" stop-color="#417297"/>
+  </linearGradient>
+  <path style="fill:url(#gradient3)"
+        d="M10 27L30 14V33L23.89 37.88L10 30.99V27z"
+  />
+  <linearGradient id="gradient4" gradientUnits="userSpaceOnUse" x1="42.68" y1="-29.81" x2="61.51" y2="-25.25">
+   <stop offset="0" stop-color="#6dc8ed"/>
+   <stop offset="1" stop-color="#a4c6e1"/>
+  </linearGradient>
+  <path style="fill:url(#gradient4)"
+        d="M30 14L34 30L50 37V22L30 14z"
+  />
+  <path style="fill:#3d3d5d"
+        d="M30 14L34 30L50 37L41.85 38.33L30 33V14z"
+  />
+  <path style="fill:#376181"
+        d="M30 33L23.89 37.88L32 38L36.1 35.74L30 33z"
+  />
+  <linearGradient id="gradient5" gradientUnits="userSpaceOnUse" x1="32.24" y1="-14.37" x2="49.83" y2="-16.21">
+   <stop offset="0" stop-color="#9be2ff"/>
+   <stop offset="1" stop-color="#5789bd"/>
+  </linearGradient>
+  <path style="fill:url(#gradient5)"
+        d="M37 6L54 12L50 23L30 14L37 6z"
+  />
+  <linearGradient id="gradient6" gradientUnits="userSpaceOnUse" x1="1.22" y1="-19.6" x2="44.89" y2="-14.22">
+   <stop offset="0" stop-color="#9be2ff"/>
+   <stop offset="1" stop-color="#5d81a5"/>
+  </linearGradient>
+  <path style="fill:url(#gradient6)"
+        d="M2 35L24 46L32 38L10 27L2 35z"
+  />
+  <path style="fill:#9be2ff"
+        d="M2 27L24 14H30L10 27H2z"
+  />
+  <linearGradient id="gradient7" gradientUnits="userSpaceOnUse" x1="43.44" y1="10.75" x2="62.48" y2="20.22">
+   <stop offset="0" stop-color="#9be2ff"/>
+   <stop offset="1" stop-color="#5a6e82"/>
+  </linearGradient>
+  <path style="fill:url(#gradient7)"
+        d="M32 38L50 23L62 26L44 44L32 38z"
+  />
+ </g>
+</svg>
--- a/assets/static/appico/File_Person.svg
+++ b/assets/static/appico/File_Person.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<svg version="1.1" width="64" height="64" color-interpolation="linearRGB"
+     xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <path style="fill:#010101; fill-opacity:0.4235"
+        d="M28 64C28 64 33 64 38 64C43 64 48.2 60.96 52.75 61.12C63.12 61.5 67.25 56.37 60.87 54.37C57.04 53.17 52 53.25 49.12 51.25C45.45 48.69 38 48 38 48V55L28 64z"
+  />
+  <path style="fill:none; stroke:#000000; stroke-width:4"
+        d="M12 18V35L16 39V56L20 58L22 58L23 59.5L28 62L36 54V43L40 39V21L21 12L12 18z"
+  />
+  <linearGradient id="gradient0" gradientUnits="userSpaceOnUse" x1="73.74" y1="-57.07" x2="116.61" y2="-8.05">
+   <stop offset="0" stop-color="#ffdb97"/>
+   <stop offset="1" stop-color="#fcaf29"/>
+  </linearGradient>
+  <path style="fill:url(#gradient0)"
+        d="M12 18V35L16 39V56L20 58L22 58L23 59.5L28 62V45H32V27L12 18z"
+  />
+  <linearGradient id="gradient1" gradientUnits="userSpaceOnUse" x1="-43.97" y1="-33.98" x2="-24.83" y2="-51.95">
+   <stop offset="0" stop-color="#fff7ea"/>
+   <stop offset="0.9962" stop-color="#fdd17b"/>
+  </linearGradient>
+  <path style="fill:url(#gradient1)"
+        d="M12 18L32 27L40 21L26 20L31.99 16.99L21 12L12 18z"
+  />
+  <linearGradient id="gradient2" gradientUnits="userSpaceOnUse" x1="54.23" y1="-52.61" x2="75.84" y2="-45.97">
+   <stop offset="0" stop-color="#c85805"/>
+   <stop offset="1" stop-color="#f06306"/>
+  </linearGradient>
+  <path style="fill:url(#gradient2)"
+        d="M32 45H28V62L36 54V43L40 39V21L32 27V45z"
+  />
+  <path style="fill:#a32904"
+        d="M28 45V51L36 43L32 45H28z"
+  />
+  <linearGradient id="gradient3" gradientUnits="userSpaceOnUse" x1="28.92" y1="-64" x2="39.07" y2="-64">
+   <stop offset="0" stop-color="#c85804"/>
+   <stop offset="1" stop-color="#dc952f"/>
+  </linearGradient>
+  <path style="fill:url(#gradient3)"
+        d="M26 20L40 21L32 17L26 20z"
+  />
+  <path style="fill:none; stroke:#000000; stroke-width:4"
+        d="M26 2C22 2 18 6 18 10C18 14 22 18 26 18C30 18 34 14 34 10C34 6 30 2 26 2z"
+  />
+  <radialGradient id="gradient4" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="64" gradientTransform="matrix(0.2361,0,0,0.2321,22.625,6.375)">
+   <stop offset="0" stop-color="#f2f2f2"/>
+   <stop offset="1" stop-color="#bca184"/>
+   <stop offset="0.6742" stop-color="#7d7a7a"/>
+  </radialGradient>
+  <path style="fill:url(#gradient4)"
+        d="M26 2C22 2 18 6 18 10C18 14 22 18 26 18C30 18 34 14 34 10C34 6 30 2 26 2z"
+  />
+  <linearGradient id="gradient5" gradientUnits="userSpaceOnUse" x1="54.23" y1="-52.61" x2="75.84" y2="-45.97">
+   <stop offset="0" stop-color="#c85805"/>
+   <stop offset="1" stop-color="#f06306"/>
+  </linearGradient>
+  <path style="fill:url(#gradient5)"
+        d="M20 58H22V44L20 43V58z"
+  />
+ </g>
+</svg>
--- a/assets/static/appico/File_Plugin.svg
+++ b/assets/static/appico/File_Plugin.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<svg version="1.1" width="64" height="64" color-interpolation="linearRGB"
+     xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <path style="fill:#000000; fill-opacity:0.3882"
+        d="M60 35.39L32 64H38L64 37.39L60 35.39z"
+  />
+  <path style="fill:none; stroke:#000000; stroke-width:4"
+        d="M2 30V47L32 62L58 36V19L30 10L2 30z"
+  />
+  <linearGradient id="gradient0" gradientUnits="userSpaceOnUse" x1="45.2" y1="-3.44" x2="66.1" y2="20.77">
+   <stop offset="0" stop-color="#6499e8"/>
+   <stop offset="1" stop-color="#1b63ce"/>
+  </linearGradient>
+  <path style="fill:url(#gradient0)"
+        d="M32 43L2 30V47L32 62V43z"
+  />
+  <linearGradient id="gradient1" gradientUnits="userSpaceOnUse" x1="64.29" y1="5.5" x2="75.95" y2="14.74">
+   <stop offset="0" stop-color="#10489b"/>
+   <stop offset="1" stop-color="#0a54c3"/>
+  </linearGradient>
+  <path style="fill:url(#gradient1)"
+        d="M32 43L58 19V36L32 62V43z"
+  />
+  <linearGradient id="gradient2" gradientUnits="userSpaceOnUse" x1="8" y1="-64" x2="56" y2="-64">
+   <stop offset="0" stop-color="#c0d9ff"/>
+   <stop offset="1" stop-color="#5e95e8"/>
+  </linearGradient>
+  <path style="fill:url(#gradient2)"
+        d="M32 43L58 19L30 10L2 30L32 43z"
+  />
+  <linearGradient id="gradient3" gradientUnits="userSpaceOnUse" x1="18" y1="20" x2="34" y2="20">
+   <stop offset="0" stop-color="#2a4fae"/>
+   <stop offset="0.25" stop-color="#4ca0da"/>
+   <stop offset="1" stop-color="#0434a1"/>
+  </linearGradient>
+  <path style="fill:url(#gradient3)"
+        d="M15 28C15 25.79 18.58 24 23 24C27.41 24 31 25.79 31 28V31C31 33.2 27.41 35 23 35C18.58 35 15 33.2 15 31V28z"
+  />
+  <linearGradient id="gradient4" gradientUnits="userSpaceOnUse" x1="4" y1="-65" x2="50" y2="-65">
+   <stop offset="0" stop-color="#c0d9ff"/>
+   <stop offset="1" stop-color="#5e95e8"/>
+  </linearGradient>
+  <path style="fill:url(#gradient4)"
+        d="M15 27C15 24.79 18.58 23 23 23C27.41 23 31 24.79 31 27C31 29.2 27.41 31 23 31C18.58 31 15 29.2 15 27z"
+  />
+  <linearGradient id="gradient5" gradientUnits="userSpaceOnUse" x1="18" y1="20" x2="34" y2="20">
+   <stop offset="0" stop-color="#2a4fae"/>
+   <stop offset="0.25" stop-color="#4ca0da"/>
+   <stop offset="1" stop-color="#0434a1"/>
+  </linearGradient>
+  <path style="fill:url(#gradient5)"
+        d="M15 28C15 25.79 18.58 24 23 24C27.41 24 31 25.79 31 28V31C31 33.2 27.41 35 23 35C18.58 35 15 33.2 15 31V28z"
+        transform="matrix(0.9375,0,0,0.9375,15,-8.125)"
+  />
+  <linearGradient id="gradient6" gradientUnits="userSpaceOnUse" x1="4" y1="-65" x2="50" y2="-65">
+   <stop offset="0" stop-color="#c0d9ff"/>
+   <stop offset="1" stop-color="#5e95e8"/>
+  </linearGradient>
+  <path style="fill:url(#gradient6)"
+        d="M15 27C15 24.79 18.58 23 23 23C27.41 23 31 24.79 31 27C31 29.2 27.41 31 23 31C18.58 31 15 29.2 15 27z"
+        transform="matrix(0.9375,0,0,0.9375,15,-8.125)"
+  />
+ </g>
+</svg>
--- a/assets/static/euskaditech-css/simple.css
+++ b/assets/static/euskaditech-css/simple.css
@@ -370,6 +370,7 @@ hr {
  cursor: pointer;
  background: none;
  border: none;
+  color: black;
 }

 .ribbon-button img {
@@ -391,27 +392,6 @@ hr {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
 }

-.popup {
-  display: none;
-  position: fixed;
-  top: 40%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: #fff;
-  border: 2px solid #ccc;
-  padding: 20px;
-  z-index: 9999;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-}
-
-.popup-content {
-  text-align: center;
-}
-
-.popup button {
-  margin-top: 10px;
-  padding: 5px 15px;
-}

 details {
  margin: 0;
--- a/src/app_modules.js
+++ b/src/app_modules.js
@@ -1012,7 +1012,7 @@ function SetPages() {
    a.href = "#" + key;
    label.innerText = PAGES[key].Title;
    label.className = "label"
-    img.src = PAGES[key].icon
+    img.src = PAGES[key].icon || "static/appico/File_Plugin.svg"
    a.append(img, label)
    document.getElementById("appendApps2").append(a);
  });
--- a/src/index.html
+++ b/src/index.html
@@ -70,10 +70,6 @@
    <details id="tab-modulos" open>
      <summary hidden>Modulos</summary>
      <div class="ribbon-panel" id="appendApps2">
-        <button class="ribbon-button" onclick="showMessage()">
-          <img src="https://raw.githubusercontent.com/darealshinji/haiku-icons/refs/heads/master/svg/File_Person.svg">
-          <div class="label">Personas</div>
-        </button>
      </div>
    </details>

--- a/src/page/materiales.js
+++ b/src/page/materiales.js
@@ -1,5 +1,6 @@
 PAGES.materiales = {
  navcss: "btn2",
+  icon: "static/appico/App_Dropbox.svg",
  Title: "Materiales",
  edit: function (mid) {
    var nameh1 = safeuuid();
--- a/src/page/personas.js
+++ b/src/page/personas.js
@@ -1,5 +1,6 @@
 PAGES.personas = {
  navcss: "btn3",
+  icon: "static/appico/File_Person.svg",
  Title: "Personas",
  edit: function (mid) {
    var nameh1 = safeuuid();
--- a/testing.html
+++ b/testing.html
@@ -131,7 +131,47 @@
 </head>
 <body>

+<div class="ribbon">
+  <div class="ribbon-orb"></div>

+  <div class="ribbon-content">
+    <div class="ribbon-tabs">
+      <div class="ribbon-tab active" data-tab="modulos">Modulos</div>
+      <div class="ribbon-tab" data-tab="admin">Admin</div>
+    </div>
+
+    <!-- Tab: Modulos -->
+    <details id="tab-modulos" open>
+      <summary hidden>Modulos</summary>
+      <div class="ribbon-panel">
+        <div class="ribbon-button">
+          <img src="">
+          <div class="label">Materiales</div>
+        </div>
+        <button class="ribbon-button" onclick="showMessage()">
+          <img src="https://raw.githubusercontent.com/darealshinji/haiku-icons/refs/heads/master/svg/File_Person.svg">
+          <div class="label">Personas</div>
+        </button>
+      </div>
+    </details>
+
+    <!-- Tab: Admin -->
+    <details id="tab-admin">
+      <summary hidden>Admin</summary>
+      <div class="ribbon-panel">
+        <div class="ribbon-button orange">
+          <img src="https://raw.githubusercontent.com/darealshinji/haiku-icons/refs/heads/master/svg/Settings.svg">
+          <div class="label">Settings</div>
+        </div>
+        <div class="ribbon-button">
+          <img src="https://raw.githubusercontent.com/darealshinji/haiku-icons/refs/heads/master/svg/Lock_Lock.svg">
+          <div class="label">Security</div>
+        </div>
+      </div>
+    </details>
+
+  </div>
+</div>

 <!-- Popup Message Box -->
 <div class="popup" id="popup">